svg - ハイチャートのエクスポートが正しく表示されない

原文 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
答え
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>";
        }
    }
}
関連記事

javascript - インタラクティブなSVG HTMLフォームを作成する最良の方法

javascript - <head>の前に画面を読み込んでいます

css - CSSクリップパスを反転する方法、またはSVG放射状グラデーションでハードストップをアニメーション化する方法

c# - vvvv / SVGを使用してSvgDocumentのポイントをスケーリングする

css - DIV内のSVGがBUTTON要素のSVGとは異なる配置になる理由

html - SVGアニメーション:開始と終了

javascript - FireFoxでのSVGの変換元[複製]

javascript - SVGグリッド線はズーム中にGoogle Chromeでぼやけますが、Mozilla Firefoxでは正常に機能します

css - 親を基準に要素を配置する

javascript - キャンバスパス上のランダムポイント(svgからのパス)