Highcharts - 没有X轴十字准线

时间:2017-08-30 23:16:02

标签: javascript highcharts

我有一张Highcharts 5.0.14折线图,其中x轴十字准线不会显示。 y轴有效。

xAxis: { crosshair: true },
yAxis: { crosshair: true },

x轴和y轴文档都显示对象,以便我开始使用它。当x轴没有工作时我开始使用谷歌搜索并找到一个JSFiddle,它们是true而不是对象。我试过了,x轴仍然不起作用。

http://api.highcharts.com/highcharts/xAxis.crosshair
http://api.highcharts.com/highcharts/yAxis.crosshair

以下JSFiddle直接链接来自Highcharts'文档。它为x和y显示crosshair: true,并且有效。

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/crosshair-both/

检查HTML我发现<path>元素class="highcharts-crosshair highcharts-crosshair-category undefined" - &#34;未定义&#34;上课引起了我的注意。

感谢您的关注,谢谢。

1 个答案:

答案 0 :(得分:0)

虽然我不明白为什么图表配置导致x轴十字准线没有出现,但我得到了这个工作。

在想要使用十字准线之前,当我第一次构建图表时,我正在填充xAxis['categories']。我很快改变了一些图表设计,不再需要“类别”。在进行更改时,不是删除代码以使用以前的数据填充它,而是将其设置为null

长话短说,一旦我完全删除'类别',x轴十字准线就出现了。

考虑到http://api.highcharts.com/highcharts/xAxis.crosshair.color州的文件(对于'颜色')而言很奇怪......

  

十字准线的颜色。对于类别轴,默认为... rgba(204,214,235,0.25),默认情况下十字准线突出显示整个类别。

我不确定最后一部分,“默认情况下十字准线......”的意思。无论如何,十字准线类别必须是文档所揭示的。