* Highchart *连续两次下载时图表颜色发生变化

时间:2015-12-15 09:09:33

标签: javascript highcharts

我有一个柱形图,当我下载图像时,它显示在左图中,当我第二次下载时,它显示如右图所示。

enter image description here

正如您所看到的,当我第二次下载图片时,列的颜色会发生变化。我怎样才能改变这种变化?。

这是我的jsFiddle: enter link description here。有时它会发生,有时候没有,我认为问题来自我使用的缩放功能,在缩放后,当我下载图形时,颜色将会改变

1 个答案:

答案 0 :(得分:1)

删除此行:this.series [0] .update({});从afterSetExtremes事件中,然后使用attr()函数直接操作SVG元素。

events: {
            afterSetExtremes: function () {
                var sum = 0;
                min = parseFloat(this.getExtremes().min);
                max = parseFloat(this.getExtremes().max);
                Highcharts.each(this.series, function (p, i) {
                    sum = 0;
                    Highcharts.each(p.data, function (ob, j) {
                        if (min <= ob.x && ob.x <= max) {
                            sum += ob.y;
                        }
                    });
                    p.legendItem.attr({
                        text: p.name + ' (Gesamt: ' + sum + ')'
                    });
                });
            }
        }

修正了演示:http://jsfiddle.net/84wkk6ef/