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

В API Highcharts мы можем прочитать:

width: number

Ширина пикселя перекрестия.По умолчанию 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