Highcharts绘制与chart.renderer.path线(Highcharts Drawi

2019-09-19 10:11发布

我期待在这个公式:

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



文章来源: Highcharts Drawing a line with chart.renderer.path