如何在HighCharts中以日期和月份格式显示x轴值

lp0sw83n 于 2023-08-05 发布在 Highcharts

关注(0)|答案(1)|浏览(146)

我试图在x轴上显示日期和月份的值，而不是03-02-2023
在 highcharts 中。但我不知道如何表现出来。
还需要在工具提示中显示日期03-02-2023|数量20
如果有人知道，请帮助找到解决方案。
x1c 0d1x的数据
演示：https://stackblitz.com/edit/highcharts-cloning-barchart-ijk3ye?file=src%2Fapp%2Fapp.component.ts

highcharts

来源：https://stackoverflow.com/questions/76774162/how-to-show-x-axis-values-with-date-and-month-format-in-highcharts

1条答案

按热度按时间

wlp8pajw1#

您可以使用formatter函数作为工具提示，并以您想要的方式更改日期字符串。
举例来说：

tooltip: {
  formatter: function(){
    const splittedDate = this.x.split('-');
    const dateAndMonth = splittedDate[0] + '-' + splittedDate[1];

    return `<p style="font-size:12px;margin:0px;padding-top:1px;padding-bottom:1px;color:${this.series.color};">Date <strong>${dateAndMonth}</strong>| Quatity <strong>${this.y}</strong></p>`
  },
  ...
}

字符串

现场演示：https://stackblitz.com/edit/highcharts-cloning-barchart-dabanu
API引用：https://api.highcharts.com/highcharts/tooltip.formatter

赞(0）回复(0）举报 2023-08-05

我来回答

如何在HighCharts中以日期和月份格式显示x轴值

1条答案

相关问题

热门标签

最新问答