Javascript 图表Js可点击栏

我想让我的图表js栏可以点击。我想添加点击功能，如链接。不知道如何进行。已阅读文档10次

<script> var ctx = document.getElementById('myChart').getContext('2d');


var myChart = new Chart(ctx, {
 type: 'bar',
 data: {
labels: ['Now', '-1h', '-2h', '-3h', '-4h', '-5h', '-6h', '-7h', '-8h', '-9h', '-10h', '-11h', '-12h', '-13h', '-14h', '-15h', '-16h', '-17h', '-18h', '-19h', '-20h', '-21h', '-22h', '-23h'],
datasets: [{
  label: 'Litraa',
  data: [<?php echo "$chart_readings[0]";?>, <?php echo "$chart_readings[1]";?>, <?php echo "$chart_readings[2]";?>, <?php echo "$chart_readings[3]";?>, <?php echo "$chart_readings[4]";?>, <?php echo "$chart_readings3[5]";?>, <?php echo "$chart_readings3[6]";?>, <?php echo "$chart_readings[7]";?>, <?php echo "$chart_readings[8]";?>, <?php echo "$chart_readings[9]";?>, <?php echo "$chart_readings[10]";?>, <?php echo "$chart_readings[11]";?>, <?php echo "$chart_readings[12]";?>, <?php echo "$chart_readings[13]";?>, <?php echo "$chart_readings[14]";?>, <?php echo "$chart_readings[15]";?>, <?php echo "$chart_readings[16]";?>, <?php echo "$chart_readings[17]";?>, <?php echo "$chart_readings[18]";?>, <?php echo "$chart_readings[19]";?>, <?php echo "$chart_readings[20]";?>, <?php echo "$chart_readings[21]";?>, <?php echo "$chart_readings[22]";?>, <?php echo "$chart_readings[23]";?>],
  backgroundColor: "rgb(255, 255, 255)"
}]
},
   options: {
    tooltips: {
        mode: 'label'
    }
}
});
/*Global settings*/
Chart.defaults.global.defaultFontColor = '#fff';
</script>

var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：['Now'、'-1h'、'-2h'、'-3h'、'-4h'、'-5h'、'-6h'、'-7h'、'-8h'、'-9h'、'-10h'、'-11h'、'-12h'、'-13h'、'-14h'、'-15h'、'-16h'、'-17h'、'-18h'、'-19h'、'-20h'、'-21h'、'-22h'、'-23h']，
数据集：[{
标签：“Litraa”，
数据：[，，，，，，，，，，]，
背景颜色：“rgb（255、255、255）”
}]
},
选项：{
工具提示：{
模式：“标签”
}
}
});
/*全局设置*/
Chart.defaults.global.defaultFontColor='#fff'；

如果您使用的是chart.js版本2.4+（可能更早），则有一个非常有用的onclick事件。我在堆叠条形图上使用它，所以它也应该适用于您。您可以在文档中的公共图表配置下找到它。（见：）

选项：{
onClick:graphlickevent
}
函数图ICKEVENT（事件、数组）{
if（数组[0]）{
foo.bar；
}
}

---

希望这能有所帮助。

这里是同样的问题：

可能重复感谢链接。但这没用。答案对我不起作用。它们应该是图表1.x。由于您使用的是2.x，因此它们无法工作。我尝试对此进行解释。但是我的编辑还是有问题。你能看看下面吗？正是我需要的，谢谢！如果“数组[0]”不明显，“\u index”将返回所单击的信息栏的索引。数组[0]中的其他键：“\u chart、\u datasetIndex、\u index、hidden、\u xScale、\u yScale、\u model、\u view、\u start、$previousStyle”。可以通过Object.keys（数组[0]）检索密钥。谢谢！我使用React JS，我知道在堆叠条形图上单击onClick可以工作，但不知道正确的格式是什么。我有option={{onclick:handleOnClick（）}，它不起作用。几个小时后，我不得不更改为option={{onClick:handleOnClick}，它终于可以工作了！！