highcharts - 如何在热图图例上执行自定义标签

时间:2015-07-28 21:00:13

标签: javascript jquery highcharts

这是我的图表的一个小问题:

http://jsfiddle.net/b637gdxv/4/

    chart: {
        type: 'heatmap',
        marginTop: 26,
        marginLeft: 5,
        marginRight: 5,

        width: 200, 
        height: 250,

        borderWidth: 3,
        borderColor: 'grey',
        borderRadius: 5,
        plotBackgroundColor: '#FFFFFF',
        plotShadow: true
    },

目前我无法弄清楚如何在此图表中添加自定义标签。我不想要' 0-100'标签,而不是我想要的文字'免费'在最左边和' Full'在最右边。我需要做些什么才能做到这一点?

1 个答案:

答案 0 :(得分:5)

您可以在colorAxis配置中配置标签。

apt-get

这里是更新的小提琴http://jsfiddle.net/b637gdxv/5/

请注意,我并不确定highcharts如何计算colorAxis将绘制多少刻度,但是关闭示例4是正确的数字,以使其仅显示第一个和最后一个标签。

同样只是抬头,格式化程序功能会将0刻度设置为" Free"以及所有其他人到" Full",但是从这里开始你只显示2个滴答。

Highcharts实际上有一个非常棒的api,其中包含大多数配置选项的小提琴示例,因此您可以在这里查看标签和其他任何选项的其他选项:

http://api.highcharts.com/highmaps#colorAxis.labels