如何从饼图类型的图表的图例中排除一个特定数据点,但显示所有其他数据点?Highcharts,从饼图中的图例中排除数据点
0
A
回答
3
该选项目前不存在于HighCharts中,但我可以找到,但是,您可能可以对源代码进行一些黑客操作以使其正常工作。
我使用版本v2.3.3
这个黑客,但是,其他版本可能类似的工作。
有问题的代码是围绕线9336:
allItems = [];
each(chart.series, function (serie) {
var seriesOptions = serie.options;
if (!seriesOptions.showInLegend) {
return;
}
// use points or series for the legend item depending on legendType
allItems = allItems.concat(
serie.legendItems ||
(seriesOptions.legendType === 'point' ?
serie.data :
serie)
);
});
紧接该代码后,放置以下代码:
for (var i=0;i<allItems.length;i++){
if (typeof allItems[i].showInLegend !== "undefined"){
if (!allItems[i].showInLegend){
allItems.splice(i,1)
i--;
}
}
}
然后,对于设置showInLegend =假像这样的点:
{
name: 'Chrome',
y: 12.8,
sliced: true,
selected: true,
showInLegend: false
},
这是一个显示工作概念的JSFiddle:http://jsfiddle.net/mkremer90/zXSJW/
0
0
您可以在这个例子中使用 “假” 系列,如:
,介绍如何在图例中显示定义的项目。
legendItemClick: function (event) {
console.log(this);
var thisSeriesId = this.id;
var thisSeriesVisibility = this.visible ? true : false;
$(chart.series).each(function (i, e) {
$(e.data).each(function(j, k){
if (thisSeriesId === k.id) {
thisSeriesVisibility ? k.setVisible(false) : k.setVisible(true);
}
});
});
event.preventDefault();
}
+0
工作,谢谢! – 2013-03-13 16:43:02
相关问题
- 1. 显示tootip并在图例上选择饼图在HighCharts中点击饼图
- 2. HighCharts饼图图例价值对齐
- 3. 的Ajax highcharts饼图不显示数据
- 4. highcharts:从饼图中缩进标签
- 5. 在饼图中删除小数点dc.js
- 6. 馅饼饼图在Highcharts
- 7. 从饼图中删除0%
- 8. Highcharts从legendItemClick上的图表中删除图例和系列
- 9. Silverlight中的饼图中的图例
- 10. Highcharts:数据标签放置在饼图的部分中间
- 11. Flex 3.0:显示饼图图例中的数据
- 12. Highcharts饼图:如何隐藏除三个最高值之外的所有图例
- 13. 当从XML加载数据时,Highcharts饼图重叠
- 14. 排除图例中的实体(散点图和线) - Matlab
- 15. 从Tableau趋势图中排除数据点
- 16. 删除ggplot2图例从图中删除整个数据
- 17. Highcharts:饼图标签重叠
- 18. django查询饼图highcharts
- 19. Highcharts饼图标签阈值
- 20. 饼图中的饼图?
- 21. Highcharts JS - 在饼图之间共享图例颜色
- 22. highcharts:饼图 - 减少切片数
- 23. DC.js从一个图表中排除数据,但不排除其他图表
- 24. Highcharts - 柱色从在图例
- 25. Highcharts - 将条形图添加到饼图
- 26. Highcharts - 将饼图添加到折线图
- 27. 从JFree饼图中删除标签
- 28. 从JFreeChart饼图中删除标签
- 29. Highcharts缺少数据点的同步图
- 30. Highcharts饼图得到选定的饼图编号
不错的答案。也许是一个好主意,提到你修改了哪个版本的highcharts。 – SteveP 2013-03-12 14:06:57
谢谢史蒂夫。可能会从我的电脑上长达一个小时,我正在擦拭硬盘。然后生病检查。 – MatthewKremer 2013-03-12 14:13:51