如何在HighCharts中將相同的yAxis.categories值分配給series.data？

Question

我試圖創建一個圖表上，我傳遞給series.data屬性中的數據完全匹配，我去在y軸上的類別屬性的值。 我嘗試將數據以十進制形式顯示，但樣條點與各個類別不匹配。

對我來說類別代表了一系列的時間。

這是我的圖表：

Highcharts.chart('container', {
    chart: {
        type: 'spline'
    },
    yAxis: {
        min: 0,
        max: 2,
        reversed: true,
        tickInterval: 1,
        categories: ['0:30', '0:40', '1:00'],
    },
    series: [{
        data: [1, 0.4, 0.3]
    }]
});

我想做的就是將[0:30'，'0:40'，'1:00']分配給series.data屬性。 但是很遺憾，您不能為數據分配字符串類型。

我該如何解決這個問題？

Answer 1

代替十進制值，使用特定yAxis類別的索引在正確的位置顯示值，並修改tooltip以顯示類別值。

API參考：
http://api.highcharts.com/highcharts/tooltip.formatter

例：
http://jsfiddle.net/8wefsL70/1