我想在日期时间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();
}
}
}
我正在寻找这样的东西
1条答案
按热度按时间kuarbcqp1#
正如API所说,您需要以轴单位 * 的形式传递 * 值。在
datetime
轴的情况下,它是timestamp
。**API参考:**https:api.highcharts.com/class-reference/Highcharts.Axis#toPixels
演示:https://jsfiddle.net/BlackLabel/5geqbs8m/