我有一个柱形图,当我下载图像时,它显示在左图中,当我第二次下载时,它显示如右图所示。
正如您所看到的,当我第二次下载图片时,列的颜色会发生变化。我怎样才能改变这种变化?。
这是我的jsFiddle: enter link description here。有时它会发生,有时候没有,我认为问题来自我使用的缩放功能,在缩放后,当我下载图形时,颜色将会改变
答案 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 + ')'
});
});
}
}