Highcharts-添加类别时，我漂亮的细十字线变成了绿色的粗线

Question

我正在从API添加数据，并且在未定义类别时具有很好的十字准线：

chartOptions.series[0]data = [1,2,4,5,7,8];

但是当我也定义类别时：

chartOptions.series[0]data = [1,2,4,5,7,8];
chartOptions.xAxis.categories = ['jan','feb','march','april','may','june']

我的十字线是一条绿色的粗线：

我想了解为什么十字准线会那样变化。

谢谢！

Answer 1

在Highcharts API中，我们可以阅读：

  

宽度：数字

     

十字准线的像素宽度。对于数字或日期时间轴，默认值为1；对于类别轴，默认值为1。

因此，如果您希望获得不同的结果，请更改width属性：

xAxis: {
    categories: ['jan', 'feb', 'march', 'april', 'may', 'june'],
    crosshair: {
        width: 1,
        color: '#000'
    }
}

实时演示：http://jsfiddle.net/BlackLabel/ps18y3v5/

API参考：https://api.highcharts.com/highcharts/xAxis.crosshair.width