ECharts grid組件配置 坐標(biāo)軸指示器的label設(shè)置

2018-04-23 16:53 更新

grid.tooltip.axisPointer.label.show   |   boolean

[ default: false ]

是否顯示文本標(biāo)簽。如果 tooltip.axisPointer.type 設(shè)置為 'cross' 則默認(rèn)顯示標(biāo)簽,否則默認(rèn)不顯示。


grid.tooltip.axisPointer.label.precision   |   number, string

[ default: 'auto' ]

文本標(biāo)簽中數(shù)值的小數(shù)點(diǎn)精度。默認(rèn)根據(jù)當(dāng)前軸的值自動(dòng)判斷。也可以指定如 2 表示保留兩位小數(shù)。


grid.tooltip.axisPointer.label.formatter   |   string, Function

[ default: null ]

文本標(biāo)簽文字的格式化器。

如果為 string,可以是例如:formatter: 'some text {value} some text,其中 {value} 會(huì)被自動(dòng)替換為軸的值。

如果為 function,可以是例如:

參數(shù):

{Object} params: 含有:

{Object} params.value: 軸當(dāng)前值,如果 axis.type 為 'category' 時(shí),其值為 axis.data 里的數(shù)值。如果 axis.type 為 'time',其值為時(shí)間戳。

{Array.<Object>} params.seriesData: 一個(gè)數(shù)組,是當(dāng)前 axisPointer 最近的點(diǎn)的信息,每項(xiàng)內(nèi)容為:

{
    componentType: 'series',
    // 系列類(lèi)型
    seriesType: string,
    // 系列在傳入的 option.series 中的 index
    seriesIndex: number,
    // 系列名稱(chēng)
    seriesName: string,
    // 數(shù)據(jù)名,類(lèi)目名
    name: string,
    // 數(shù)據(jù)在傳入的 data 數(shù)組中的 index
    dataIndex: number,
    // 傳入的原始數(shù)據(jù)項(xiàng)
    data: Object,
    // 傳入的數(shù)據(jù)值
    value: number|Array,
    // 數(shù)據(jù)圖形的顏色
    color: string,
}

每項(xiàng)內(nèi)容還包括軸的信息:

{
    axisDim: 'x', // 'x', 'y', 'angle', 'radius', 'single'
    axisId: 'xxx',
    axisName: 'xxx',
    axisIndex: 3,
    axisValue: 121, // 當(dāng)前 axisPointer 對(duì)應(yīng)的 value。
    axisValueLabel: '文本'
}

返回值:

顯示的 string。

例如:

formatter: function (params) {
    // 假設(shè)此軸的 type 為 'time'。
    return 'some text' + echarts.format.formatTime(params.value);
}

grid.tooltip.axisPointer.label.margin   |   boolean

[ default: 3 ]

label 距離軸的距離。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)