Highcharts树图显示错误的最小值

Question

我的highcharts树地图显示0为最小值而不是1.这是小提琴.

$('#container').highcharts({
    colorAxis: {
    minColor: '#0000FF',
    maxColor: "#ff0000",
    min: 1,
    max: 10/*,
    tickInterval: 1*/
  },
  series: [{
    type: 'treemap',
    layoutAlgorithm: 'squarified',
    data: [{
      name: '1',
      value: 1,
      colorValue: 1
    }, {
      name: '2',
      value: 1,
      colorValue: 2
    }, {
      name: '3',
      value: 1,
      colorValue: 3
    }, {
      name: '4',
      value: 1,
      colorValue: 4
    }, {
      name: '5',
      value: 1,
      colorValue: 5
    }, {
      name: '6',
      value: 1,
      colorValue: 6
    }, {
      name: '7',
      value: 1,
      colorValue: 7
    }, {
      name: '8',
      value: 1,
      colorValue: 8
    }, {
      name: '9',
      value: 1,
      colorValue: 9
    }, {
      name: '10',
      value: 1,
      colorValue: 10
    }]
  }]
});

你可以看到我已经明确地将最小值设置为1,最大值设置为10,并且系列中没有显示0.如果你取消注释它,它可以正常工作tickInterval,但我不希望我的图例中的每个值都有刻度.

我怎么能修改它,以便1是#0000ff,10是#ff0000,我的传奇中有1,5和10？

Answer 1

当使用min和max对colorAxis这些值可能因四舍五入startOnTick,并endOnTick默认设置为true.

设置特定的刻度位置将使用tickPositions数组或tickPositioner函数解决此问题.例如(JSFiddle):

colorAxis: {
    tickPositions: [1,5,10],
    min: 1,
    max: 10
    // ...
}