Javascript 同一图表中的多个饼图与HighCharts
我正在尝试使用Javascript 同一图表中的多个饼图与HighCharts,javascript,highcharts,pie-chart,Javascript,Highcharts,Pie Chart,我正在尝试使用HighCharts在同一个图表中绘制多个饼图 我已经为每个饼图启用了图例。现在,两个图表的两个图例显示在底部(请注意,每个条目的两个项目在图例中可见)。当我点击图例的一个项目时,它会在一个饼图中显示/隐藏一个部分 但我想实现以下任一目标 我希望两个图表都有一个单个图例,这样当我单击图例的某个项目时,两个饼图的相关部分就会消失/出现 我想只显示一个图例并将其禁用,以便单击不会隐藏/显示饼图 有人知道实现这两个目标的方法吗 提前感谢您…我添加了以下代码以检测单击的图例项 funct
HighCharts
在同一个图表中绘制多个饼图
我已经为每个饼图启用了图例。现在,两个图表的两个图例显示在底部(请注意,每个条目的两个项目在图例中可见)。当我点击图例的一个项目时,它会在一个饼图中显示/隐藏一个部分
但我想实现以下任一目标
提前感谢您…我添加了以下代码以检测单击的图例项
function(chart) {
$(chart.series[0].data).each(function(i, e) {
e.legendItem.on('click', function(event) {
var legendItem=e.name;
event.stopPropagation();
$(chart.series).each(function(j,f){
$(this.data).each(function(k,z){
if(z.name==legendItem)
{
if(z.visible)
{
z.setVisible(false);
}
else
{
z.setVisible(true);
}
}
});
});
});
});
}
以下是我添加了以下代码来检测单击的图例项
function(chart) {
$(chart.series[0].data).each(function(i, e) {
e.legendItem.on('click', function(event) {
var legendItem=e.name;
event.stopPropagation();
$(chart.series).each(function(j,f){
$(this.data).each(function(k,z){
if(z.name==legendItem)
{
if(z.visible)
{
z.setVisible(false);
}
else
{
z.setVisible(true);
}
}
});
});
});
});
}
这是检查这是否有帮助的,谢谢@MANOJGOPI。但这无助于实现我想要的。。。单击图例中的某个项目时,它会同时隐藏/显示
德里HO
和地区办事处中的条形图。我想做的就是用多个馅饼车做类似的事情。检查一下这是否有帮助,谢谢@MANOJGOPI。但这无助于实现我想要的。。。单击图例中的某个项目时,它会同时隐藏/显示德里HO
和地区办事处中的条形图。我想做的是使用多个饼车做类似的事情。你能分享你用于此的任何文档吗?使用e.legendGroup
而不是e.legendItem
似乎更好。否则,当我单击颜色符号而不是标签时,这将不起作用。。再次感谢..有没有办法为每个图表添加单独的标题?你能分享你用于此的任何文档吗?使用e.legendGroup
而不是e.legendItem
似乎更好。否则,当我单击颜色符号而不是标签时,这将不起作用。。再次感谢..有没有办法为每个图表添加单独的标题?