与x轴类文本不同的工具提示-高图表

Question

我正在实现高级图表api。highcharts.com

我必须实现一个与实际的‘x轴/y轴类文本’不同的工具提示。这是必要的，因为有时x轴类别文本太大，我希望将其解析为5-10个字符，但我想在工具提示中显示全文。

​

小提琴例子：高图样小提琴

​

代码：

$(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]
    }]

});
});

在上面的小提琴:我想显示“简”在轴文本和的天气是如此好，在一月份“在工具提示。

提前感谢

Answer 1

我建议准备更短的解决方案，在categoreis数组中使用“简短”的类别名称，但是全名在point对象中保留为附加参数。

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/