2017-11-17 6 views
2

私はいくつかの色の円グラフを持っています。私も画像パターンをロードしたいと思います。ハイチャート、円グラフ、色の代わりにイメージの配列を与えることは可能ですか?

は、ここで私はそれを持っている方法は次のとおりです。

plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false 
       }, 
       showInLegend: true, 
       size: 200, 
       startAngle: 30, 
       colors: [ 
        { 
         pattern: '../Images/Food_Bolus_Pattern.gif', 
         width: 10, 
         height: 10 
        }, 
        '#9D4EFF', 
        '#004B66', 
        { 
         pattern: '../Images/Quick_Bolus_Pattern.gif', 
         width: 10, 
         height: 10 
        }, 
        '#CB9A66' 
       ] 
      } 
     } 

はここにもフィドルです!あなたが見ることができるように、画像は円グラフ上にレンダリングされません。これは可能ですか?どうすればこれを可能にすることができますか? http://jsfiddle.net/2n36syny/

+1

パターンの塗りつぶしを行うにはプラグインを使用する必要があります(https://www.highcharts.com/products/plugin-registry/single/9/Pattern-Fill)。 – wergeld

+0

これらはSVGパスでなければなりません。私は思っています - jpegファイルではありません。 – wergeld

答えて

0

私はこの問題を発見したと思います。 Wergeldのコメントは多くの助けになりました。

ハイチャートプラグインが必要でした。 this fiddleを見ると、イメージを表示できるように読み込まれたパターンが見えます。ドキュメント(https://www.highcharts.com/docs/chart-design-and-style/gradients-shadows-and-patterns)あなたがしてhighchartsのスタイルモードバージョンを使用していない場合はパー

<script src="https://highcharts.github.io/pattern-fill/pattern-fill.js"></script> 
関連する問題