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

Question

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

如果对此的解决方案涉及在加载图表后使用 API 更改图表中的某些内容并告诉它重绘（而不是使用配置选项做某事），我可以接受。

标签： javascripthighchartshighcharts-gantt

Answer 1

正如您在 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