高图表两个日期比较

Highcharts two date compare

本文关键字:两个 日期 比较 高图表      更新时间:2023-09-26

我有一个带有两个图形的图表。上周一个,本周另一个。

$('.js-hostChart-'+chart).highcharts
      chart: { type: 'area' }
      title: null
      xAxis:
        type: 'datetime'
        tickInterval: 3600000*2
        title: null
      yAxis:
        title: null
      tooltip:
        shared: true
        crosshairs: true

可以与两周的生产线相比吗?

取决于你到底是什么意思。

如果您的意思是要比较本周/上周,共享相同的x轴值,那么您需要调整数据。

有几种方法可以做到这一点:

1) 删除日期时间轴,并使用任一类别(每天一个,或每小时一个,或任何增量)。这样,对于每个数据点,您只需将类别索引指定为 x 值,而不是日期

2)如果要保持日期时间轴类型,无论出于何种原因,您都需要修改"关闭"周的日期,以便它们与当前周的日期匹配。然后,您需要修改工具提示和其他格式化程序,以向用户正确显示正确的日期

3)使用多个x轴可能会变得复杂,并且每周分配给不同的轴。