Highcharts - 无 X 轴十字准线

Question

我有一个 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 我发现了一个带有class="highcharts-crosshair highcharts-crosshair-category undefined" 的<path> 元素——“未定义”类引起了我的注意。

感谢您的关注，谢谢。

Answer 1

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

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

长话短说，一旦我完全删除“类别”，x 轴十字准线就会出现。

奇怪的是考虑到http://api.highcharts.com/highcharts/xAxis.crosshair.color states (for 'color') 的文档...

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

我不确定最后一部分“默认情况下十字准线在哪里......”是什么意思。无论如何，十字准线 和 类别必须有效，这是文档所揭示的。