我工作的高图表的角度7,并希望格式化的日期只是x轴工具提示,我想让其他人完全不。
我能够在x轴工具提示中获得我想要的格式,但它也破坏了另外两个。我在y轴中有两个系列,以及我们在插入该系列时格式化的系列,但我几乎没有看到任何文档。格式化其中一个而打破其他问题的解决方案是从这个问题:
SO Quesrtion with Datetime Tooltip formatting.
所以我做了这样的格式化:
tooltip:{
enabled: true,
split: true,
formatter: function() {return [moment(this.x).format('MMDDYY HH:00-HH:59')].concat(...other tooltips)
}
我想要做的,似乎是不可能的,就是以这样的方式格式化x轴工具提示,但是没有看到这个方法的结果:
xAxis: {
type: 'datetime',
tooltip: {
enabled: true,
formatter: function() {
return moment(this.value).format('MMDDYY HH:00-HH:59');
}
}
}
真正的诀窍是,我如何获得格式的只是x轴?而只有x轴,因为我们已经有我们想要的格式,在本系列的y轴工具提示?
发布于 2020-10-06 07:06:34
它不起作用,因为没有像xAxis.tooltip
这样的东西。只有一个工具提示,您可以使用tooltip.formatter
修改它。tooltip.formatter
将返回的字符串将成为工具提示内容,因此您可以在那里影响x值。
chartOptions: Highcharts.Options = {
...
tooltip: {
formatter() {
return `xAxis value: ${moment(this.x).format('MM.DD.YY HH:00-HH:59')},
yAxis value: ${this.y}`
},
},
}
API引用:
https://api.highcharts.com/highcharts/tooltip.formatter
现场演示:
https://stackblitz.com/edit/highcharts-angular-basic-line-frbdhg
https://stackoverflow.com/questions/64212615
复制相似问题