Highcharts导出未正确显示

时间:2015-02-19 09:03:35

标签: svg highcharts export

我的HighCharts导出有点问题。

他们主要且唯一的问题是我正在导出的图表现在正确导出,主要是标签。

应该如何看待: http://s22.postimg.org/5d1oh16y9/image_1_proper.png

它看起来像SVG导出: http://s9.postimg.org/71qijdhhr/image_1_svg.png

它看起来像PNG导出: s27.postimg.org/5fq5tfgdv/image_1_png.png

我尝试使用chart.redraw()并使用chart.exportChart()导出它,它给了我相同的结果

显示我正在使用的标签:plotOptions.series.dataLabels.formatter

settings.plotOptions.series.dataLabels.formatter=function(){
        if(this.point.z!=0.3){
            return "<a style='position:relative;top:10px;text-align:center; text-shadow: none; color:black;'>"+this.point.name+"</a>";
        }
    }

任何帮助将不胜感激

TNX

1 个答案:

答案 0 :(得分:0)

正如PawełFus [1] [2] 所指出,您还应将useHTMLallowOverlap都设置为true

settings.plotOptions.series.dataLabels = {
    useHTML: true,
    allowOverlap: true,
    formatter: function() {
        if(this.point.z!=0.3){
            return "<a style='position:relative;top:10px;text-align:center; text-shadow: none; color:black;'>"+this.point.name+"</a>";
        }
    }
}