javascript - Apex 图表 - 在工具提示中显示日期

Question

使用 Apex 图表，如何在自定义工具提示中显示当前突出显示栏的日期？例如，在此屏幕截图中，我想显示“Jun 2020”而不是硬编码的“Month”字符串。所以我正在寻找 X 轴类别标签，但我不明白如何在工具提示中显示它。

  series: [{
    name: 'Month',
    data: [<?= $data ?>]
  }],          
  xaxis: {
    categories: [<?= $labels ?>],
    labels: {
      rotateAlways: true,
    }
  },
  tooltip: {
    y: {
      formatter: function (val) {
        return val + " products sold"
      }
    }
  },

标签： javascriptjqueryapexcharts

Answer 1

对此进行测试，在您的选项中添加这些工具提示参数

options: {
        tooltip: {
        x: {
            format: "dd MMM yyyy",
            formatter: function(value, { series, seriesIndex, dataPointIndex, w }) {
            return new Date(value)
                }
            }
    } 

或者

将此用于日期格式：

options: {
    tooltip: {
    x: {
        format: "MMM yyyy"
       }
     }
}