高图表y轴范围1k 2k和3k后0-100 200300

时间:2018-07-16 05:32:06

标签: javascript charts highcharts

我尝试更改highchart中的y轴值,包含从0到3000的计数的数据,如果我减小

,则看不到0个计数记录

y轴最大值:150

图表不适用,是否可以将y轴设置为0-100 200 300 ... 1k后应显示2k 3k ......

yAxis: {
                    min: 0, max: 3000,
                    title: {
                        text: 'Number of Items'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },

1 个答案:

答案 0 :(得分:0)

您可以将tickPositions和formatter用于标签:

yAxis: {
  tickPositions: [0, 200, 500, 1000, 2000, 3000],
  labels: {
    formatter: function() {
      if (this.value < 1000) {
        return this.value
      }
      return this.value / 1000 + 'k'
    }
  }
},

实时演示:http://jsfiddle.net/BlackLabel/o9he6zLx/

API:https://api.highcharts.com/highcharts/yAxis.tickPositions