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参数。