2016-07-25 15 views
1

HighchartsとHighchartsでPhantomJSを使用しているため、サーバー上のレンダリングチャートに変換されています。私は、データラベルを有効にして円グラフをレンダリングしようとしています。私の設定JSONはブラウザで動くと正常に動作しますが、PhantomJSと同じJSONはデータラベルを省略します。レンダリングされたものはすべて正しいです。ここでHighcharts convert:円グラフのデータラベルが表示されない

は私のJSONです:

{ 
    chart: { 
     height:500, 
     type: 'pie', 
    }, 
    legend: { 
     margin: 30 
    }, 
    plotOptions: { 
     pie: { 
      showInLegend: true, 
      dataLabels: { 
       enabled: true, 
       format: '<b>{point.name}</b>: {point.y} ({point.percentage:.1f}%)', 
      }, 
     } 
    }, 
    series:  
[{ 
    name: 'Count', 
    data: [ 

      ['A', 12 ] 

       , 

      ['B', 500 ] 

       , 

      ['C', 50 ] 

    ] 
}] 


} 

はここで正しく動作する同じJSON、とJSFiddleへのリンクです:ここで

https://jsfiddle.net/j2nb72L7/

はPhantomJSから出力される画像です:

enter image description here

+0

phantomjs *のみを使用すると、ラベルが欠落していますか?データは正しくプロット/描画されますか? –

+0

@JoseGarridoはい、データ自体は問題ありません。あなたはフィドルに投稿された画像を比較して、私が何を意味するのか見ることができます。 –

+0

私はこのトピックがあなたの問題に関連していると思う:http://stackoverflow.com/questions/23633441/highcharts-phantomjs-export-image-missing-labels –

答えて

0

これは使用されているHighchartsのバージョンのバグでした。私はv4.0.1を使用していましたが、v4.2.5にアップグレードして修正しました。

関連する問題