xAxis坐標(biāo)軸指示器的文本標(biāo)簽設(shè)置

2018-09-08 11:58 更新

xAxis.axisPointer.label   |   Object

用來控制坐標(biāo)軸指示器的文本標(biāo)簽。

xAxis.axisPointer.label.show   |   boolean

[ default: false ]

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

xAxis.axisPointer.label.precision   |   number, string

[ default: 'auto' ]

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

xAxis.axisPointer.label.formatter   |   string, Function

[ default: null ]

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

  • 如果為 function,可以是例如:

    參數(shù):

    {Object} params: 含有:

    • {Object} params.value: 軸當(dāng)前值,如果 axis.type 為 'category' 時,其值為 axis.data 里的數(shù)值;如果 axis.type 為 'time',其值為時間戳。
    • {Array.<Object>} params.seriesData: 一個數(shù)組,是當(dāng)前 axisPointer 最近的點的信息,每項內(nèi)容如下:
    {
    componentType: 'series',
    // 系列類型
    seriesType: string,
    // 系列在傳入的 option.series 中的 index
    seriesIndex: number,
    // 系列名稱
    seriesName: string,
    // 數(shù)據(jù)名,類目名
    name: string,
    // 數(shù)據(jù)在傳入的 data 數(shù)組中的 index
    dataIndex: number,
    // 傳入的原始數(shù)據(jù)項
    data: Object,
    // 傳入的數(shù)據(jù)值
    value: number|Array,
    // 數(shù)據(jù)圖形的顏色
    color: string,
    }

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

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

返回值:

顯示的 string。

例如:

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

xAxis.axisPointer.label.margin   |   boolean

[ default: 3 ]

表示 label 距離軸的距離。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號