簡體   English   中英

Highcharts 中的格式化工具提示

[英]Formatting tooltip in Highcharts

如何確保在工具提示中,“(名稱)”僅顯示在沿軸的值之后? 對於當前代碼,“(名稱)”也顯示在字符串“系列 1:..(名稱)”之后。

Highcharts.chart('container', {
tooltip: {
    formatter: function () {
        return this.points.reduce(function (s, point) {
            return s + '(name)' + '<br/>' + point.series.name + ': ' +
                point.y + 'm';
        }, '<b>' + this.x + '</b>');
    },
    shared: true
}
});

示例: https://jsfiddle.net/nsdtf7ah/

打印屏幕: http://joxi.ru/Dr8501zTowVWGm

如果您僅在Month名稱之后需要(name) ,則將tooltip替換為:

    tooltip: {
        formatter: function () {
            return this.points.reduce(function (s, point) {
                return s + '<br/>' + point.series.name + ': ' + point.y + 'm';
            }, '<b>' + this.x  + '(name)'+ '</b>');
        },
        shared: true
    },

https://jsfiddle.net/m4q2sh7t/

如果在String N之后需要 2 個(name) ,則:

    tooltip: {
        formatter: function () {
            return this.points.reduce(function (s, point) {
                return s + '<br/>' + point.series.name + ': ' + point.y + 'm'  + '(name)';
            }, '<b>' + this.x+ '</b>');
        },
        shared: true
    },

https://jsfiddle.net/m4q2sh7t/1/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM