Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/python-2.7/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 对Highchart的刻度应用自定义样式_Javascript_Jquery_Highcharts_Highstock - Fatal编程技术网

Javascript 对Highchart的刻度应用自定义样式

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

我想在高度图表的xAis刻度上应用自定义样式。我想用圆形而不是直线的形式来设置记号的样式。 比如
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);
});