使用Highcharts在x轴上显示自定义值

Question

我写了以下代码来显示图表。我没有提到x轴和y轴标签。这些都是自动生成的。

我想显示“低”＆＃39;在规模的开始和＆＃39;高＆＃39;在x轴上的刻度结束而不是满刻度。

    $('#container').highcharts({
    yAxis: {
        title: {
            text: 'Temperature'
        },
        id: 'my_y',
        lineWidth: 2,
        lineColor: '#F33',
        min:0,
        max:100
    },

    series: [{
        name: 'Temperature',
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
        color: '#F33'   
    }]
});

Answer 1

像这样？

它有点＆＃34; hacky＆＃34;我确信有一种更好的方法，但它有效。

xAxis: {
     tickAmount: 2,
        labels: {   
            formatter: function () {
              if (typeof(this.axis.ticks[this.value]) != "undefined"){
                if(this.axis.ticks[this.value].isFirst) {
                    return 'low'
                }
                else if (this.axis.ticks[this.value].isLast){
                    return 'high'
                }
              }
            }      
     } 
        }