小编Pra*_*lad的帖子

ChartJs 如何从多个数据集获取单击哪个数据集栏

我想为每个栏添加一个唯一的网址,并在单击栏之一时打开该网址。但就我而言,我有两个数据集。我正在使用 onClick 事件,它返回两个数据集的活动记录。 在此处输入图片说明

我正在使用以下代码......它将返回两个数据集对象......它应该只返回一个数据集。

<script>
        var barChartData = {
            labels: ["Jan","Feb","March"],
            datasets: [{
                label : "Quoted",
                backgroundColor : "#FF7228",
                data : [50,20,70],
            },
            {
                label : "Accepted",
                backgroundColor : "#FFCC8C",
                data :  [30,10,20],
            }, 
            ]

        };

        window.onload = function() {
            var ctx = document.getElementById("canvas").getContext("2d");
            window.myBar = new Chart(ctx, {
                type: 'bar',
                data: barChartData,
                options: {
                    events:['click'],
                    onClick:function(c,i){
                            console.log(this.active);
                            }
                        },
                    responsive: true,
                    legend: {
                        position: 'top',
                    },
                }
            });
        };
 </script>
Run Code Online (Sandbox Code Playgroud)

chart.js

4
推荐指数
1
解决办法
2078
查看次数

标签 统计

chart.js ×1