ApexCharts:热图工具提示格式化程序

时间:2019-02-26 16:23:50

标签: javascript formatting format date-formatting apexcharts

我正在使用顶点图显示热图图表:

Apex heatmap chart

该系列以Date对象命名,这些对象在y轴上的格式如下:

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

如何获得相同的工具提示格式?它们改为显示日期对象的常规字符串表示形式,但我只想显示月份和年份(如y轴):

ApexChart heatmap tooltip

1 个答案:

答案 0 :(得分:1)

tooltip值传递到options数组,并为其设置y轴的title值的格式程序:

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对象。