ApexCharts: средство форматирования всплывающих подсказок тепловой карты

Я использую apexcharts для отображения диаграммы тепловой карты:

Тепловая карта Apex

Серии названы объектами Date, которые отформатированы по оси Y следующим образом:

yaxis: {
    labels: {
        formatter: function(value){
            if(value instanceof Date){
                return value.toLocaleDateString(undefined, {year: 'numeric', month: 'long'});
            } else {
                return value;
            }
        }
    }
},

Как я могу получить такое же форматирование для всплывающих подсказок? Вместо этого они показывают обычное строковое представление объекта даты, но я хочу показать только месяц и год (как на оси Y):

Подсказка тепловой карты ApexChart


javascript formatting format apexcharts date-formatting
person LukeLR    schedule 26.02.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Передайте значение tooltip в массив параметров и установите в нем средство форматирования для значения title оси Y:

tooltip: {
    y: {
        title: {
            formatter: function(value){
                if(value instanceof Date){
                    return value.toLocaleDateString(undefined, {year: 'numeric', month: 'long'});
                } else {
                    try {
                        return new Date(value).toLocaleDateString(undefined, {year: 'numeric', month: 'long'});
                    } catch (e) {
                        return value;
                    }
                }
            }
        }
    }
}

Обязательно проверьте тип значения, переданного в форматтер, и при необходимости создайте новый Date-объект.

person LukeLR    schedule 26.02.2019