Highcharts 两个馅饼,一个带有唯一项目的图例(合并图例)
可以在一个图形中做两个馅饼并合并图例吗 我这样做: 但是图例项目是重复的,因为它们在这两个馅饼中很常见,我如何才能使它们独一无二 如果不可能,我可以把两个图例分开吗Highcharts 两个馅饼,一个带有唯一项目的图例(合并图例),highcharts,Highcharts,可以在一个图形中做两个馅饼并合并图例吗 我这样做: 但是图例项目是重复的,因为它们在这两个馅饼中很常见,我如何才能使它们独一无二 如果不可能,我可以把两个图例分开吗 谢谢 请看一个例子,它使用了3个饼图,并且有共同的图例 $(chart.series[0].data).each(function(i, e) { e.legendItem.on('click', function(event) { var legendItem=e.name;
谢谢 请看一个例子,它使用了3个饼图,并且有共同的图例
$(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);
}
}
});
});
});
});
你好,谢谢你的回答。这真的很接近我想要的,我会使用它,但我必须确保这两个图形具有相同数量和顺序的点。你的解决方案不是真正的合并,但我想这是不可能的。谢谢上帝!唯一缺少的是悬停只对第一项有效。@sebastianbochan!问题在图例项上单击它仅隐藏/显示一个饼图切片。如何隐藏/显示两个饼图切片?哪个浏览器?因为它在两个饼图中都隐藏了相同的部分。
$(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);
}
}
});
});
});
});