2017-11-10 15 views
0

現在、円グラフには円グラフの分解されたセクションを示すスライスのプロパティがあります。ハイチャート:Sunburstチャートの爆発したセクションの動作を円グラフのように実現する

参照してください:http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/point/sliced/

しかし、Highcharts APIリファレンスはサンバーストチャートでこの動作をサポートするために、任意のプロパティを表示しません。 次の例でデータポイントスライスされたプロパティを設定しようとしました。

JSフィドル:http://jsfiddle.net/ng3bgckt/

{ 
'id': '1.3', 
'parent': '0.0', 
'name': 'Asia', 
'sliced': true 
}, 

スライスされたプロパティは、データポイントアジアで真として設定されているが、それが爆発セクションとして表示されませんでした。

爆発セクションでサンバーストチャートの例を以下に示します。

リンク1:http://helpcentral.componentone.com/nethelp/FlexChartWin/SunburstChart.html

リンク2:https://www.grapecity.com/en/blogs/getting-started-with-net-sunburst-chart-for-wpf-winforms-and-uwp

はサンバーストチャートで爆発セクションの動作を達成するためにHighchartsのいずれかの方法はあります?または、スライスされたスライスされたオフセットプロパティをSunburstチャートで使用できるようにする場合は、

答えて

0

今のところslicedオプションはサンバーストシリーズではサポートされていません。

現在地サンバーストするためにこの機能を追加するというアイデアを共有することができます:https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api

のか、自分でそれを実装してみてください。このライブ例は(サンバーストのために、それは点の階層を考慮しなければならない+同様に行うことができる)ピラミッドグラフのスライス機構をコーディングする方法を示しています。http://jsfiddle.net/kkulig/xpopxw1z/

point: { 
     events: { 
      click: function() { 
      var translate = { 
       translateX: this.graphic.translateX ? 0 : slicedOffset, 
       translateY: 0 
      } 
      this.graphic.animate(translate); 
      } 
     } 
     } 
関連する問題