Как показать данные подсказки под каждым столбцом в Highchart?

-1

Данные подсказки в highchart видны, когда я наводил на нее курсор мыши, в подсказке есть некоторые данные, которые я хочу показать, например, под столбцом, где находится метка x, пока она показывает 0,1,2 и так далее ,Как показать данные подсказки под каждым столбцом в Highchart?

Я использую диаграмму для сравнения временных периодов, поэтому под каждым столбцом я хочу добавить данные из всплывающей подсказки. Это может быть 2 даты, которые я сравниваю ниже каждого столбца, картинка будет полезна для вас, но я еще не доверенный пользователь stackoverflow.

источник

2016-08-09 Alex Claesson

Вы можете сделать это с помощью ** категории ** на вашей оси х, или с помощью ** DATETIME ** х тип оси. См. Демонстрации и документы: http://www.highcharts.com/demo/ | Http: //api.highcharts.com/highcharts – jlbriggs

Да, я знаю это, но иногда я сравниваю две разные даты, и я хочу показать их обоим ниже столбца. –

Думаю, вам нужно быть более конкретным. Чтобы уточнить, данные не имеют никакого отношения к подсказке инструмента - данные в наконечнике инструмента представляют собой данные точки/серии. Вы можете использовать функцию label ** для обозначения оси ** для того, чтобы вытащить любое количество элементов данных, но как именно это сделать, зависит от того, что у вас есть и чего вы хотите. Настройте скрипку, чтобы мы могли уточнить ее. | Ссылка: http://api.highcharts.com/highcharts#xAxis.labels.formatter – jlbriggs

Пример использования datetimexAxistype:

скрипку:

http://jsfiddle.net/jlbriggs/1bs6vL3t/

Код:

В свойствах XAxis укажите тип как datetime:

xAxis: { 
    type: 'datetime' 
},

В серии укажите ваши значения х в качестве даты (с использованием либо методы Date.UTC(), или непосредственно задав время эпохального)

series: [{ 
    data: [ 
    [Date.UTC(2016, 05, 6), 3], 
    [Date.UTC(2016, 05, 13), 5], 
    [Date.UTC(2016, 05, 20), 4], 
    [Date.UTC(2016, 05, 27), 7], 
    [Date.UTC(2016, 06, 4), 6], 
    [Date.UTC(2016, 06, 11), 9], 
    [Date.UTC(2016, 06, 18), 7], 
    [Date.UTC(2016, 06, 25), 5] 
    ] 
}]

Выход:

А, альтернативная версия, которая использует категории вместо:

http://jsfiddle.net/jlbriggs/1bs6vL3t/2/

Как правило, при работе с данными временных рядов, используя datetime предпочтительнее. Могут быть случаи, когда различные обстоятельства делают его менее эффективным, и в этом случае categories может быть полезной альтернативой.

{{Edit}} После перечитывая ваши комментарии, вот еще одна версия, с помощью категорий, которые могут быть более похожими на то, что вы ищете: