如何在Highcharts區域圖表的工具提示中顯示xAxis標籤？

我使用xAxis標籤（不是類別）來刪除左/右填充。如何在Highcharts區域圖表的工具提示中顯示xAxis標籤？

xAxis: { 
     //categories: data.categories 
     labels: { 
      formatter: function() { 
       return cat[this.value]; 
      } 
     }, 
     minPadding: 0, 
     maxPadding: 0 
    },

在提示，{point.x}顯示我的號碼（如「0」），但我想在標籤（如：「月」）。

tooltip: { 
     shared: true, 
     useHTML: true, 
      pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />", 
      headerFormat: "<b>{point.x}</b><br><br>", 
    },

如何讓它顯示標籤？

http://jsfiddle.net/9tgjf82e/

來源

2016-10-26 Aximili

您需要點他們的名字聯繫起來，讓你在格式[name, y]

需要點然後你就可以在headerFormat通過point.key接入點的名稱。

例如：http://jsfiddle.net/9tgjf82e/4/

來源

2016-10-27 16:09:49 morganfree

這比我想象的要複雜得多（我希望它會像'{point.xLabel}'，謝謝你！:) – Aximili

你也可以找到颶風的答案是有用的。它需要一點點調整來修復滴答位置，所以左/右沒有填充。 http://jsfiddle.net/9tgjf82e/5/ plotOptions.series.pointPlacement：'on' – morganfree

morganfree你是最棒的！現在就是答案！：d – Aximili

可以在報頭格式使用point.key。

API Doc

的point.key變量包含取決於軸的類型的類別名稱，x值或日期時間字符串。對於日期時間軸，可以使用tooltip.xDateFormat設置point.key日期格式。

但您需要定義您的xAxis->類別。

xAxis: { 
    categories : cat, 
    labels: { 
     formatter: function() { 
      return cat[this.value]; 
     } 
    } 
}, 


tooltip: { 
    shared: true, 
    useHTML: true, 
    pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />", 
    headerFormat: "<b>{point.key}</b><br><br>", 
},

Updated Fiddle

來源

2016-10-26 06:30:31 hurricane

謝謝，但我的第一句說，因爲我們不能有任何的左/右補白（即圖必須被拉伸到全寬）。我們不能使用類別。 – Aximili

如何在Highcharts區域圖表的工具提示中顯示xAxis標籤？

回答

相關問題