Javascript 用单个图例连接散点图和饼图的Highcharts
我试图用同一个图例连接两个不同的图表(散点图和饼图)。打印到控制台时,javascript似乎正在获取正确饼图的正确数据。它只是无法连接到散点图图例。我也尝试了这些答案的建议:而且 我在我的系列中使用此代码。散点图的事件:Javascript 用单个图例连接散点图和饼图的Highcharts,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,我试图用同一个图例连接两个不同的图表(散点图和饼图)。打印到控制台时,javascript似乎正在获取正确饼图的正确数据。它只是无法连接到散点图图例。我也尝试了这些答案的建议:而且 我在我的系列中使用此代码。散点图的事件: events: { legendItemClick: function (event) { console.log(this.options.name);
events: {
legendItemClick: function (event) {
console.log(this.options.name);
var donut = $('#pie_chart').highcharts(),
series_arr = donut.series[0].data;
console.log(series_arr);
for (series in series_arr) {
if (this.options.name === series.name) {
if (this.visible) {
series.visible = true;
} else {
series.visible = false;
}
}
}
}
}
我是不是遗漏了什么?这是我的
绘图选项
如下
plotOptions: {
column: {
stacking: ''
},
series: {
pointPadding: 0.2,
borderWidth: 0,
dataLabels: {
//enabled: false
},
events: {
legendItemClick: function(event) {
console.log(this.options.name);
var donut = $('#pie_chart').highcharts(),
series_arr = donut.series[0].data;
//console.log(series_arr);
for (series in series_arr) {
if (this.options.name === series_arr[series].name) {
if (this.visible) {
series_arr[series].setVisible(false);
} else {
series_arr[series].setVisible(true)
}
}
}
}
}
}
},
错误是
this.options.name==series.name
而且会的
this.options.name==series\u arr[series]。name
并使用setVisible()
切换How-about选项,该选项允许您将两个系列合并为一个图例项。