Highcharts在x軸標簽上顯示繪圖值

Question

我有一個只有一個數據系列的蜘蛛網圖。 為了印刷的利益，我想在實際標簽名稱之后加入標簽中繪制的值，但我似乎無法弄清楚如何這樣做。

這個例子有助於解釋我的意思是我在搜索中找到的條形圖。 代碼布局類似，並且比我的更簡潔，我相當確定這個解決方案很容易轉移。

labels: {
    formatter: function() {
        return this.value + ' XX.X';
    }
}

JSFiddle在這里

所以對於X軸，我試圖用相關的Y值替換“XX.X”來得到標簽：“Foo 29.9 | Bar 71.5 | Foobar 106.4”

我在xAxis標簽格式化程序中挖掘了“this”，並在“this.chart.series [0] .yData”中查找了Y數字，但無法找到將這些數據關聯回每個相關X的方法標簽，我認為這似乎是錯誤的做事方式。

Answer 1

您可以使用setCategories在chart.events.load方法中渲染圖表后執行此setCategories 。 下面的代碼假定xAxis上的每個索引元素都有一個對應的數據元素。 如果沒有，那么你需要處理這種情況。

chart: {
    events: {
        load: function (event) {
            var cats = this.xAxis[0].categories;
            var theData = this.series[0].data;
            var newCats = [];

            for (var i = 0; i < cats.length; i++) {
                newCats.push(cats[i] + ' ' + theData[i].y)           
            }

            this.xAxis[0].setCategories(newCats);
        }
    }
}

現場演示 。