Я использую Chart JS v.1.0.2. Когда у меня есть одна строка и недостающие данные, во всплывающей подсказке отображается метка x.
Кто-нибудь знает, как отключить всплывающую подсказку, когда значение точки равно нулю?
Большое спасибо!
Я использую Chart JS v.1.0.2. Когда у меня есть одна строка и недостающие данные, во всплывающей подсказке отображается метка x.
Кто-нибудь знает, как отключить всплывающую подсказку, когда значение точки равно нулю?
Большое спасибо!
Используя chart.js 2.3.0 и angular-chart.js 1.1.1, я решил проблему глобально, разрешив поставщика ChartJsProvider
в моей функции angular.module('shared').config(...)
и указав пользовательский обратный вызов label
для параметра tooltips
:
ChartJsProvider.setOptions({
tooltips: {
enabled: true,
//mode: 'single',
callbacks: {
label: function (tooltipItem, data) {
const tooltip = data.datasets[tooltipItem.datasetIndex];
const value = tooltip.data[tooltipItem.index];
return value === 0 ? null : tooltip.label + ': ' + value;
}
}
}
});
При возврате значения null всплывающая подсказка не отображается для этого конкретного элемента tooltipItem.
Ссылка: Конфигурация всплывающей подсказки Chart.js
return (value === null || value === 0)? '' : tooltip.label + ': ' + value;
- person rasputino; 16.07.2020
Если вы не возражаете против нескольких сообщений консоли, вы можете throw
ошибиться, чтобы выйти из метода всплывающей подсказки для null
значений, например так
var myLineChart = new Chart(ctx).Line(data, {
tooltipTemplate: function (d) {
if (d.value === null)
throw '';
else
// else return the normal tooltip text
return d.label + ': ' + d.value;
}
});
Альтернативой может быть расширение диаграммы или написание собственной функции всплывающих подсказок.
Скрипт — http://jsfiddle.net/y4zunrx6/
Я хотел отключить всплывающую подсказку все время. Я использую версию 2.1.6, и я сделал это следующим образом:
var options = {
tooltips : {
enabled: false
}
};
Примечание. При этом всплывающая подсказка вообще не будет отображаться, используйте ее только тогда, когда вы хотите отключить отображение всплывающей подсказки.
Лучший подход — настроить шаблон всплывающей подсказки так, чтобы он не отображал данные:
tooltipTemplate: "<%if (label && value){%><%=label%>: <%= value %><%} else {%> No data <%}%>"