HighCharts生成表

Question

我真的需要幫助。

基於this question我試圖從高圖表生成表。

在此Fiddle表生成正常，但我需要的數據值爲文本，而不是數字格式。

我覺得格式需要在該行需要改變，但我不知道......

Highcharts.numberFormat(series[i].data[category_index].y, valueDecimals) + valueSuffix, 

是否有可能實現這一目標？

Answer 1

您無法用文本替換數據值並顯示數據值的原因是因爲您正在將數據類型定義爲十進制數，並使用Highcharts.numberFormat將y值變成小數。由於您嘗試放入文本，因此無法將字符串格式化爲小數，因此它爲空。現在，你不能簡單地拿出那個Highcharts.numberFormat電話並且完成這項工作。 HighCharts數據系列需要數字y值。所以，要做你想做的事情，我們使用一個名爲Note的未記錄點屬性。

這是我的嘗試。 如果您想要使用HighCharts在SVG/VML中創建表，您可以執行以下操作。 創建一個數據系列是這樣的：

{ 
     name: 'Tokyo', 
     data: [{ 
      y: 7.0, 
      Note: 'note 1'}, 
     { 
      y: 6.9, 
      Note: 'note 2'}, 
     { 
      y: 9.5, 
      Note: 'note 3'}, 
     { 
      y: 14.5, 
      Note: 'note 4'}, 
     { 
      y: 18.2, 
      Note: 'note 5'}, 
     { 
      y: 21.5, 
      Note: 'note 6'}, 
     { 
      y: 25.2, 
      Note: 'note 7'}, 
     { 
      y: 26.5, 
      Note: 'note 8'}, 
     { 
      y: 23.3, 
      Note: 'note 9'}, 
     { 
      y: 18.3, 
      Note: 'note 10'}, 
     { 
      y: 13.9, 
      Note: 'note 11'}, 
     { 
      y: 9.6, 
      Note: 'note 12'} 
             ], 
     visible: false} 

現在，而不是循環的y值你會遍歷所有的Note項目，就像你以前只能用數字的東西去掉：

$.each(series, function(i) { 
    renderer.text(series[i].data[category_index].Note, cellLeft + colWidth - cellPadding, tableTop + (i + 2) * rowHeight - cellPadding).attr({ 
     align: 'right' 
    }).add(); 
}); 

這裏是一個jsFiddle（只有一個系列更新使用Note語法，但你明白了）。