HighCharts堆積柱

我使用HighCharts，我有這樣的陣列，HighCharts堆積柱

我想創建這樣一個圖表：

據我所知，系列的格式是這樣的：

series:[{ 
     name: 'Production', 
     data: [0.074, 0.040,0.034,0.036,0.068] 
    }, { 
     name: 'Reprise', 
     data: [0.024,0.022,0.029, 0.055, 0.052] 
    }]

與類數組：

['Mario', 'Andre', 'Jean Jacques', 'Fidy', 'Judith']

我怎麼能這樣做，如果我想柱體積的每個值粘貼到像上面的圖表各生產堆積條形圖價值？

謝謝！

來源

2016-09-19 Gaetan

你有這個的jsfiddle？ –

當然是，請看這裏[鏈接]（https://jsfiddle.net/AimeJean/zgzLwo5x/1/） – Gaetan

您可以添加新的對象到您的圖表選項，並在dataLabels.formatter中使用它：https：// jsfiddle。 net/zgzLwo5x/2 /如果我的例子會爲你工作，我會將它作爲回答發佈 –

，你可以在這裏看到一個例子：http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

series: [{

 name: 'Volume', 
     data: [1, 0.16, 0.46, 0.37, 0.24] 
    }, { 
     name: 'Reprise', 
     data: [0.024, 0.0.....] 
    }, { 
     name: 'Production', 
     data: [....] 
    }]

後來編輯：顯示體積數據標籤可以使用格式化功能：

column: { 
       stacking: 'normal', 
       dataLabels: { 
        formatter: function() { 
         return this.x;//you can have a little logic here if (thix.x == 'Production) return myVariable[y];myVariable will contains values from volume or something similar 
        } 
       } 
      }

來源

2016-09-19 12:14:45 marius

我的問題是：我希望列卷的每個值成爲像上面的圖表dataLabels。這是我的JSFiddle：[link]（https://jsfiddle.net/AimeJean/zgzLwo5x/1/） – Gaetan

定義您的數據陣列中的音量：

data: [{y:0.074,volume:1}, {y:0.040,volume:0.15}]

而且使用格式化的datalabels選項獲取自定義值：

formatter: function() { 
    return this.point.volume + ' km'; 
}

jsfiddle

來源

2016-09-19 16:09:44

HighCharts堆積柱

回答

相關問題