使用Highcharts創建marimekko圖表

我有要求使用Highcharts創建一個marmimekko圖表（沒有其他庫）。使用Highcharts創建marimekko圖表

這種類型的圖表中的一個簡單的版本可以在問題被發現 - Highcharts Marimekko chart refresh

然而，我的要求是比較複雜的，我需要有一個像Marimekko的圖表堆疊柱（類似於融合提供 - http://www.fusioncharts.com/charts/marimekko-charts/）。

面積圖方法可能不是最好的。我研究的其他選項包括設置該系列的pointWidth（這沒有幫助，因爲我想爲同一系列的不同點創建不同的列寬）。

從我碰到Highcharts部分實現 - http://highcharts.uservoice.com/forums/55896-general/suggestions/2303560-multi-dimensional-column-charts

任何意見，建議或例子我如何能創建使用Highcharts這樣的Marimekko的圖表？

來源

2015-06-30 Harikrishnan M

你需要什麼樣的建議？很明顯，marimekko類型不直接支持。我會在用戶發言中讀取由Highcharts作者發佈的carefuly代碼，然後改進該代碼以獲得期望的結果。編輯：http://jsfiddle.net/75oucp3b/5/ –

謝謝帕維爾。這jsfiddle幫助。我會進一步改進以適應我的需求。 –

我建立了類似的東西。在這裏看到：http://jsfiddle.net/06jpczo9/4/

主要依據是：

Highcharts.chart('container', { 

    chart: { 
     type: 'variwide' 
    }, 

    title: { 
     text: 'Verdeling DBCs type per specialist' 
    }, 

    xAxis: { 
     type: 'category', 
    }, 

    yAxis: { 
     max: 100, 
    }, 

    legend: { 
     enabled: true, 
     reversed: true 
    }, 
    plotOptions: { 
     variwide: { 
      stacking: 'normal',}}, 
    ...

然後只需添加一些系列。

來源

2017-11-16 08:59:04 RobAu

使用Highcharts創建marimekko圖表

回答

相關問題