回調函數

回調函數格式：(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string

第一個參數?params?是 formatter 需要的數據集。格式如下：{

componentType: 'series',

// 系列類型

seriesType: string,

// 系列在傳入的 option.series 中的 index

seriesIndex: number,

// 系列名稱

seriesName: string,

// 數據名，類目名

name: string,

// 數據在傳入的 data 數組中的 index

dataIndex: number,

// 傳入的原始數據項

data: Object,

// 傳入的數據值

value: number|Array,

// 數據圖形的顏色

color: string,

// 餅圖的百分比

percent: number,

//

galleryViewPath: ,

//

galleryEditorPath: ,

//

imagePath: ,

//

gl: ,

}

在?trigger?為?'axis'?的時候，或者 tooltip 被?axisPointer?觸發的時候，params?是多個系列的數據數組。其中每項內容格式同上，并且，

{

componentType: 'series',

// 系列類型

seriesType: string,

// 系列在傳入的 option.series 中的 index

seriesIndex: number,

// 系列名稱

seriesName: string,

// 數據名，類目名

name: string,

// 數據在傳入的 data 數組中的 index

dataIndex: number,

// 傳入的原始數據項

data: Object,

// 傳入的數據值

value: number|Array,

// 數據圖形的顏色

color: string,

}

注：?ECharts 2.x 使用數組表示各參數的方式不再支持。

第二個參數?ticket?是異步回調標識，配合第三個參數?callback?使用。 第三個參數?callback?是異步回調，在提示框浮層內容是異步獲取的時候，可以通過 callback 傳入上述的?ticket?和?html?更新提示框浮層內容。

示例：formatter: function (params, ticket, callback) {

$.get('detail?name=' + params.name, function (content) {

callback(ticket, toHTML(content));

});

return 'Loading';

}

總結

以上是生活随笔為你收集整理的echarts 折线图 html模板,设置ECharts折线图的提示框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。