Javascript 对Highchart的刻度应用自定义样式
我想在高度图表的xAis刻度上应用自定义样式。我想用圆形而不是直线的形式来设置记号的样式。 比如Javascript 对Highchart的刻度应用自定义样式,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我想在高度图表的xAis刻度上应用自定义样式。我想用圆形而不是直线的形式来设置记号的样式。 比如ticks.chart.renderer.cirlce() 无法找到完成此操作的方法。您可以包装getMatkPath函数,以渲染另一个勾号,请参阅: 编辑: 当使用Highcharts或Highstock中的缩放/平移等时,需要从getMarkPathis path数组返回数据(dSVG) 例如: 更新:(2016-01-28): 在Highcharts 4.2.x中,需要新方法(我们应该返回tic
ticks.chart.renderer.cirlce()代码>
无法找到完成此操作的方法。您可以包装getMatkPath
函数,以渲染另一个勾号,请参阅:
编辑:
当使用Highcharts或Highstock中的缩放/平移等时,需要从getMarkPath
is path数组返回数据(d
SVG)
例如:
更新:(2016-01-28):
在Highcharts 4.2.x中,需要新方法(我们应该返回tickmark的路径,而不是渲染对象):
对于高股价图表,如果动态选择范围,则圆圈不保留其位置。如何让同样的东西工作。参考这把小提琴是的,它很好用。谢谢但我想知道如何设置填充颜色之类的属性。只需像previos函数一样覆盖tick.render
。看:谢谢,最后一件事我想不通。我想将鼠标悬停事件附加到这些刻度上。这样,鼠标上方的蜱虫会被放大,同心圆也会被其他颜色填充。我尝试了this.ticks.element.onmouseover,但我看到它被设置为null。它应该可以工作。你能举例说明你试过什么吗?
Highcharts.wrap(Highcharts.Tick.prototype, 'getMarkPath', function (prev, x, y, tickLength, tickWidth, horiz, renderer) {
return renderer.circle(x, y, tickLength);
});
Highcharts.wrap(Highcharts.Tick.prototype, 'getMarkPath', function(prev, x, y, tickLength, tickWidth, horiz, renderer) {
return renderer.symbol('circle', x - tickLength / 2, y - tickLength / 2, tickLength, tickLength);
});