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