echarts tooltip格式化!

echarts中,鼠標懸停在圖表上會有懸停框提示,但是格式化是個問題啊!不處理的話,如下圖1,看了半天api啊,這個tooltip的format函數和一般的format函數不一樣!!!

我寫的格式化函數如下:

 

 

var formatter = function (value, index) {
    //var value = (value/86400).toFixed(2)
    //console.log(value)
    return (value/86400).toFixed(2) + '天'
}

 

tooltip: {
		trigger: 'axis',
        formatter: function (params, ticket, callback) {
            //x軸名稱
            var name = params[0].name
            //圖表title名稱
            var seriesName = params[0].seriesName
            //值
            var value = params[0].value
            var valueFliter = formatter(value)
            return seriesName + '<br />' + name + '<br />' + valueFliter
        }
}

 

 

 

var formatter = function (value, index) {
    //var value = (value/86400).toFixed(2)
    //console.log(value)
    return (value/86400).toFixed(2) + '天'
}

echarts中:

    tooltip: {
		trigger: 'axis',
        formatter: function (params, ticket, callback) {
            //x軸名稱
            var name = params[0].name
            //圖表title名稱
            var seriesName = params[0].seriesName
            //值
            var value = params[0].value
            var valueFliter = formatter(value)
            return seriesName + '<br />' + name + '<br />' + valueFliter
        }
	}

 

 

發佈了34 篇原創文章 · 獲贊 55 · 訪問量 25萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章