Question

在我的区域图表中，我有三个按时间顺序排列的系列。这就是我目前要展示的内容：

我正在使用React，这就是为什么你会看到多个渲染，只是忽略它。我为xAxis返回的日期是有序的，但我只得到一个。这是为什么？这是我的代码（使用React Highcharts，但我认为不应该这样）：

xAxis: {
  type: 'datetime',
  labels: {
    formatter: function() {
      const dayStr = moment.unix(this.value).format('D');
      const monthStr = moment.unix(this.value).format('M');
      console.log(`${monthStr}/${dayStr}`, this.value);

      return `${monthStr}/${dayStr}`;
    },
    align: 'left',
    style: { "color": "#FFFFFF" }
  },
  title: {
    text: 'Date',
    style: { "color": "#FFFFFF" }
  }
},

正如您所看到的，我的格式化程序功能返回多个日期，但只有一个显示。

Answer 1

默认情况下，Highcharts算法决定显示哪些刻度（标签是在刻度线的位置绘制的）。如果没有足够的空间放置它们，也可能会省略一些标签。

使用tickPositions强制Highcharts绘制给定的刻度。您还可以尝试tickPositioner修改自动生成的刻度。

API参考：

Highcharts - 仅在xAxis上返回一个日期

1 个答案: