Высокие диаграммы — Мое красивое тонкое перекрестие меняется на густое зеленое перекрестие при добавлении категорий

#highcharts

#высокие диаграммы

Вопрос:

Я добавляю данные из 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']
  

мое перекрестие представляет собой толстую зеленую полосу:

введите описание изображения здесь

Я хотел бы понять, почему перекрестие так меняется.

Спасибо!

Ответ №1:

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

ширина: число

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