2012-07-12 148 views
0

我期待在这个公式:Highcharts绘制与chart.renderer.path线

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),线的长度都保持不变。

+0

@MinaGabriel也许你可以帮我吗? – 2012-07-12 14:46:01

回答

3

在路径属性:

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

的 'M' 的装置MOVETO, “someNumber”,10是x,y坐标你正在向(这并未画出只是移动“笔“到你想要开始线路的地方)。 'V'表示绘制垂直线,1500是停止绘制它的y位置。我不相信你需要0(V属性只需要一个参数)。

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