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