工具提示與x軸類別文本不同-Highcharts

Question

我正在實現highcharts api。 highcharts.com

我必須實現與實際的“ x軸/ y軸類別文本”不同的工具提示。 這是需要的，因為有時x軸類別文本太大，我想將其解析為5-10個字符，但是我想在工具提示中顯示全文。

---

小提琴示例： highchart示例小提琴

碼：

 $(function () { $('#container').highcharts({ chart: { }, xAxis: { categories: ['The weather is so good in January', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, tooltip: { valueDecimals: 2, valuePrefix: '$', valueSuffix: ' USD' }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); }); 

在上面的小提琴中：我想在軸文本中顯示“ Jan” ，並在工具提示中顯示“一月 的天氣真好” 。

提前致謝

Answer 1

我建議准備更短的解決方案，在categoreis數組中使用類別的“短”名稱，但全名保留為點對象中的其他參數。

tooltip: {
        formatter: function () {
                console.log(this);
            var txt = 'y :' + this.y + ' short x: '+ this.key;

            if(this.point.fullCategory)
                txt += this.point.fullCategory;


            return txt;
        }

    },

請參閱示例： http : //jsfiddle.net/4Nk87/1/