Highcharts：自定义创建的SVG不会导出到Highchart中

创建图表后，我们会在图表上绘制阈值条，但它不会以任何格式导出

drawThresholdBar:函数（图表、配置、父SVG）{
if（config.from！==config.to）{
var me=这个；
var xAxis=chart.xAxis[0]；
var yAxis=chart.yAxis[0]；
var-barWidth=6；
var barXPos=xAxis.toPixels（xAxis.max）+barWidth/2；
var fromPos=yAxis.toPixels（Ext.isNumeric（config.from）和&config.from>yAxis.min？config.from:yAxis.min）+1；
var toPos=yAxis.toPixels（Ext.isNumeric（config.to）和&config.to

我们正在thresholdBarItem中存储阈值条SVG

---

有没有办法在图表配置中推送thresholdBarItem svg？或者在导出图表时，我可以使用任何其他方式导出它。

请为该问题添加一个实时演示。这取决于添加自定义元素的位置。如果您要在图表的回调或加载事件中执行此操作，则它也应该在导出的图表中可见。您可以尝试使用

html2canvas

或手动将svg绘制到画布，这允许您使用数据url导出。两者都有…请为该问题添加一个实时演示。这取决于添加自定义元素的位置。如果您要在图表的回调或加载事件中执行此操作，则它也应该在导出的图表中可见。您可以尝试使用

html2canvas

或手动将svg绘制到画布，这允许您使用数据url导出。两者中。。。

drawThresholdBar: function(chart, config, parentSvg) {
    if (config.from !== config.to) {
        var me = this;
        var xAxis = chart.xAxis[0];
        var yAxis = chart.yAxis[0];
        var barWidth = 6;
        var barXPos = xAxis.toPixels(xAxis.max) + barWidth / 2;
        var fromPos = yAxis.toPixels(Ext.isNumeric(config.from) && config.from > yAxis.min ? config.from : yAxis.min) + 1;
        var toPos = yAxis.toPixels(Ext.isNumeric(config.to) && config.to < yAxis.max ? config.to : yAxis.max) - 1;
        var thresholdBarItem = chart.renderer
            .path(['M', barXPos, fromPos, 'L', barXPos, toPos])
            .attr({
                'stroke-width': barWidth,
                stroke: config.color
            })
            .add(parentSvg);
       }
},