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

Question

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

我想在比例尺开始时显示“低”，而在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

像这样？

我敢肯定，这样做有点“ hacky”，但它可以工作。

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'
                }
              }
            }      
     } 
        }