Question

我创建了一个图表，以及一个将系列颜色更改为红色的按钮。但是，在系列颜色变为红色后，导出图像（PNG / JPEG / PDF / SVG）仍然显示原始颜色（蓝色）而不是新颜色（红色）。

我更改系列颜色的方式如下：

series.color = "#FF3030";
series.graph.attr({
    stroke: "#FF3030"
});
series.legend.colorizeItem(series, series.visible);
$.each(series.data, function (i, point) {
    point.graphic.attr({
        fill: "#FF3030"
    });
});
series.redraw();

我希望导出的图像具有新颜色（红色）。代码已共享here。如果用户以编程方式更改线宽，则会发生同样的问题。任何人都可以帮我解决这两个问题，即在导出图像时导出新的颜色和宽度。

提前致谢！

亚历

Answer 1

导出图表时，会再次创建。因此，跳过了像颜色一样的动态元素（在SVG中修改）。你需要使用series.update（）然后导出的图像才是正确的。

http://jsfiddle.net/anVxk/2/

 series.update({
        color:'red'
    });

http://api.highcharts.com/highcharts#Series.update()

Highcharts：如果用户更改颜色和/或线宽，导出图像会显示错误的颜色和线宽

1 个答案: