Question

我的highcharts树地图显示0为最小值而不是1.这里是fiddle。

$('#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
    // ...
}

Highcharts树图显示错误的最小值

1 个答案: