Highcharts Gantt - 如何为里程碑标记使用不同的形状?

Highcharts Gantt - how to use a different shape for the milestone markers?

有没有办法在 Highcharts Gantt 中为里程碑标记使用不同的形状?我想使用三角形而不是默认的菱形。

如果此问题的解决方案涉及在加载图表后使用 API 更改图表中的某些内容并告诉它重绘(而不是使用配置选项执行某些操作),我很好那。

如您在 Highcharts Gantt 源代码中所见:https://github.com/highcharts/highcharts/blob/47dfb49f7b6053178c92d24b34b5f3e7ddd8770b/ts/Series/Gantt/GanttSeries.ts#L202

无法通过 API 选项设置里程碑的形状。

最简单的解决方案是用内置三角形函数替换菱形函数。

(function(H) {
    H.Renderer.prototype.symbols.diamond = H.Renderer.prototype.symbols.triangle
})(Highcharts);

现场演示: https://jsfiddle.net/BlackLabel/9zuodLjt/

文档: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts