HighCharts - показать всплывающую подсказку в столбце, где значение равно 0 или null

77
6

Я реализовал HighCharts в рамках моей компании, и могу сказать, что мы очень довольны этим. Но у нас есть проблема, мы не знаем, как ее решить.

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

Смотрите скрипку ниже, где она создает гистограмму с несколькими столбцами со значением 0 или бесполезным.

JsFiddle

Метод, в котором выполняется диаграмма:

GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);

спросил(а) 2021-01-25T17:47:38+03:00 6 месяцев назад
1
Решение
89

Почему бы не сделать его shared подсказкой вроде этого:

tooltip: {
formatter: function() {
var s = '<b>'+ this.x +'</b>';

$.each(this.points, function(i, point) {
s += '<br/>'+ point.series.name +': '+
point.y +'m';
});

return s;
},
shared: true
},


Демо здесь. Обратите внимание, что я добавил 0-точечное значение. Если нет смысла, то ничего не видно, не так ли?

{
name: "2012",
data: [
[0, 69347.35],
[1, 120753.55],
[2, 0],
[12, 95050.45]
]
}

ответил(а) 2021-01-25T17:47:38+03:00 6 месяцев назад
78

Как сказал @Wergeld, вам нужно передать 0-значные значения в параметры, иначе вы вообще ничего не увидите. Для нулей это невозможно, так как это не имеет значения.

Теперь вам нужно установить minPointLength, некоторое значение (например, 10), тогда даже 0-значения будут отображаться как маленькие бары. См. Демонстрацию: http://jsfiddle.net/EJK4e/12/

Чтобы быть на одной странице - чтобы отобразить всплывающую подсказку, вам нужно графическое изображение точки, иначе не будет события hover для запуска всплывающей подсказки.

ответил(а) 2021-01-25T17:47:38+03:00 6 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема