Highcharts：我正在更改x軸標簽，為什么標簽沒有顯示？

Question

我正在更改我的x軸值的標簽。 嘗試完成此操作后，x軸標簽均未顯示。

JavaScript代碼

$(document).ready(function() {
var labels = [ '5/7','5/7','5/7','5/7','5/7','5/7','5/7','5/7','5/7','5/7' ];
chart = new Highcharts.Chart({
    chart: { renderTo:'chart_container' }, 
    title: { text: 'Rev Load' }, 
    xAxis: { categories: ['5/7 64298-R3', '5/7 64308-R3', '5/7 64311-R3', '5/7 64312-R3', '5/7 64302-R3', '5/7 64307-R3', '5/7 64309-R3', '5/7 64297-R3', '5/7 64310-R3', '5/7 64305-R3'], labels: { 
             formatter: function() { return labels[this.value];}  }, 
             tickInterval: 3 }, 
    yAxis: { max: 0.0018, min: 0.0014, plotLines: [{ color: 'red', dashStyle: 'shortDash', value: 0.0018, width: 2 }, { color: 'red', dashStyle: 'shortDash', value: 0.0014, width: 2 }], title: { text: '' } }, 
    series: [{ data: [0.00150, 0.00170, 0.00140, 0.00180, 0.00150, 0.00160, 0.00140, 0.00150, 0.00180, 0.00160], name: 'Values' }]
});

C＃DotNet代碼

chart.SetXAxis(new XAxis
        {
            Categories = categories.ToArray(),
            TickInterval = 3,
            Labels = new XAxisLabels { Formatter = "function() { labels[this.value];} " }

        });

當前顯示的屏幕截圖

如屏幕截圖所示，缺少這些點的x軸標簽。

PS我不是指x軸標題，而是x-axis labels 。

背景資料

• 技術：ASP.NET MVC3 DotNet C＃
• DotNet Highcharts庫： http ： //dotnethighcharts.codeplex.com/

如果問題有任何誤解，請告訴我。 感謝您的幫助和協助！

編輯-我修復了缺少return關鍵字的問題，但是看起來它仍然沒有顯示標簽

Answer 1

您沒有從標簽格式化程序函數返回值-請嘗試

formatter: function() { return labels[this.value];}  }

---

另一個問題是格式器函數中的this.value類似於“ 5/7 64298-R3”，因此labels[this.value]是未定義的。

似乎您要顯示值的第一部分-如果是這樣，請嘗試：

formatter: function() { return this.value.split(" ")[0]; }