重绘highchart饼图(redraw pie chart in highchart)

2019-07-29 07:47发布

假设我有4片具有20%,30%,30%和20%。 如果我让4片(20%),无效的,其他的片应该调整自己,占据100%。 如何做到这一点的highcharts? 谢谢。

Answer 1:

我不认为这有可能改变这种行为。 相反,你需要删除的点一起为其它片断添加多达100这里是传说中显示,切换和删除点之间的区别的例子: 的jsfiddle



Answer 2:

我想这应该是标准的行为:)

opts.plotOptions.pie.point.events.legendItemClick = function() {
    if (this.visible) {
        this['y_old'] = this.y;
        this.update(0);
    }
    else {
        this.update(this.y_old);
    }
};

现在,当你点击一个图例项目饼图切片将消失

如果你想显示的百分比(100%没有现在缺片),你必须定义你的提示(或传说)为:

opts.tooltip.formatter = function() {
    var s = '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + '%';

    return s;
};


Answer 3:

此功能现在可开箱作为plotOptions.pie.ignoreHiddenPoint

 series: [{
    ignoreHiddenPoint: true,
    type: 'pie',
    ...
  }]

自动重绘/重新计算馅饼上传奇| Highchart&Highstock @的jsfiddle



文章来源: redraw pie chart in highchart