在 highcharts 中的日期时间轴上的时间戳处显示标记符号

wljmcqd8  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(166)

我想在日期时间x轴上显示时间戳标记符号,highcharts是否支持此功能?
我试图在图表加载上标记符号,如下所示,但这并不像预期的那样工作,因为我们需要根据时间戳显示点。这是我到目前为止所拥有的。

chart: {
  type: 'column',
  marginTop: 50,
  height: '220px',
  animation: false,
  events: {
    load() {
      const xAxis = this.xAxis[0],
        yAxis = this.yAxis[0],
        r = 5,
        y = yAxis.toPixels(0),
        x = xAxis.toPixels(10);
        console.log(xAxis);
        console.log(yAxis);

      this.renderer.text('', x, y + r, 'circle')
        .css({
          transform: 'translate(-50%, -50%)'
        }).add().toFront();

      this.renderer.circle(x, y, r).attr({
        fill: '#01a982',
      }).add().toFront();
    }
  }
}

我正在寻找这样的东西

kuarbcqp

kuarbcqp1#

正如API所说,您需要以轴单位 * 的形式传递 * 值。在datetime轴的情况下,它是timestamp

**API参考:**https:api.highcharts.com/class-reference/Highcharts.Axis#toPixels

events: {
  load() {
    const xAxis = this.xAxis[0],
      yAxis = this.yAxis[0],
      r = 5,
      y = yAxis.toPixels(0),
      x = xAxis.toPixels(this.series[0].data[0].x);

    this.renderer.circle(x, y, r).attr({
      fill: '#01a982',
    }).add().toFront();
  }
}

演示:https://jsfiddle.net/BlackLabel/5geqbs8m/

相关问题