javascript - Highcharts 用 chart.renderer.path 画一条线

Question

我在看这个公式：

http://www.w3.org/TR/SVG/paths.html#PathDataMovetoCommands

我是这样画的：

chart.renderer.path(['M', someNumber, 10, 'V', 1500, 0])
                .attr({
                    'stroke-width': 2,
                    stroke: 'red',
                    id: 'vert'
                })
                .add();

这条线被画了，但它穿过整个图表。我希望它很小。我认为要使它更小，我需要更改“10”，但无论我输入什么值（甚至是 10.000），线的长度都保持不变。

Answer 1

在路径属性中：

path(['M', someNumber, 10, 'V', 1500, 0])

'M' 表示 moveto，“someNumber”，10 是您要移动到的 x、y 坐标（这不会绘制只是将“笔”移动到您想要开始线条的位置）。'V' 表示画一条垂直线，1500 是停止绘制它的 y 位置。我不相信你需要 0（V 属性只需要一个参数）。

如果您希望线的长度更小，请调整 1500 参数。