0
我想在我的Highcharts图表上绘制箭头,并且到目前为止提出了this。看起来不错,但有问题:Highcharts路径上的SVG标记
- 较高的笔划宽度会给出较长的箭头。
- 旋转箭头将需要复杂的计算,如here。
如果我可以使用在Highcharts路径like in this SVG tutorial绘制箭头的SVG标记将变得更加容易
我的代码:
renderer.path(['M', 200, 0, 'L', 200, 200,'L', 225, 200,'L',200,250,'L', 175, 200,'L', 200, 200])
.attr({
'stroke-width': 5,
stroke: 'red',fill:'red'
})
.add();
renderer.path(['M', 400, 0, 'L', 400, 200,'L', 425, 200,'L',400,250,'L', 375, 200,'L', 400, 200])
.attr({
'stroke-width': 50,
stroke: 'red',fill:'red'
})
.add();
不知道这是真的有用,但是可能你周围的箭头中心旋转,所以这将是有点像这个.. http://jsfiddle.net/ZS9wj/1 / – Ian