Question

我正在实施highcharts api。 highcharts.com

我必须实现与实际的＆x; x轴/ y轴类别文本不同的工具提示＆＃39;。这是需要的，因为有时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]
    }]

});
});

在上面的小提琴中：我想在轴文字中显示＆＃34; Jan＆＃34; 和＆＃34; 1月份的天气非常好＆＃34; 在工具提示中。

提前致谢

Answer 1

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

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/

不同的工具提示比x轴类别文本 - highcharts

1 个答案: