axisPointer.show   |   boolean

[ default: false ]

創(chuàng)新互聯(lián)建站專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、滴道網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、商城建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為滴道等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

是否顯示坐標軸指示器，默認為不顯示。但是如果 tooltip.trigger 設(shè)置為 'axis' ，或者 tooltip.axisPointer.type 設(shè)置為 'cross'，則自動顯示 axisPointer。

坐標系會自動選擇顯示顯示哪個軸的 axisPointer，也可以使用 tooltip.axisPointer.axis 改變這種選擇。

axisPointer.type   |   string

[ default: 'line' ]

ECharts 坐標軸指示器的類型。

可選：

• 'line' 直線指示器
• 'shadow' 陰影指示器

axisPointer.snap   |   boolean

坐標軸指示器是否自動吸附到點上。默認自動判斷。

這個功能在數(shù)值軸和時間軸上比較有意義，可以自動尋找細小的數(shù)值點。

axisPointer.z   |   number

坐標軸指示器的 z 值?？刂茍D形的前后順序。

z 值小的圖形會被 z 值大的圖形覆蓋。

axisPointer.triggerTooltip   |   boolean

[ default: true ]

坐標軸指示器是否觸發(fā) tooltip。如果不想觸發(fā) tooltip 可以關(guān)掉。

axisPointer.value   |   number

[ default: null ]

坐標軸指示器當前的 value。在使用 axisPointer.handle 時，可以設(shè)置此值進行初始值設(shè)定，從而決定 axisPointer 的初始位置。

axisPointer.status   |   boolean

坐標軸指示器當前的狀態(tài)，可取值為 'show' 和 'hide'。

axisPointer.link   |   Array

設(shè)置不同軸的 axisPointer 可以進行的聯(lián)動。聯(lián)動表示軸能同步一起活動。軸依據(jù)他們的 axisPointer 當前對應(yīng)的值來聯(lián)動。

聯(lián)動的效果可以看這兩個例子：例子A，例子B。

link 是一個數(shù)組，其中每一項表示一個 link group，一個 group 中的坐標軸互相聯(lián)動。例如：

link: [
    {
        // 表示所有 xAxisIndex 為 0、3、4 和 yAxisName 為 'someName' 的坐標軸聯(lián)動。
        xAxisIndex: [0, 3, 4],
        yAxisName: 'someName'
    },
    {
        // 表示左右 xAxisId 為 'aa'、'cc' 以及所有的 angleAxis 聯(lián)動。
        xAxisId: ['aa', 'cc'],
        angleAxis: 'all'
    },
    ...
]

如上所示，每個 link group 中可以用這些方式引用坐標軸：

{
    // 以下的 'some' 均表示軸的維度，也就是表示 'x', 'y', 'radius', 'angle', 'single'
    someAxisIndex: [...], // 可以是一個數(shù)組或單值或 'all'
    someAxisName: [...],  // 可以是一個數(shù)組或單值或 'all'
    someAxisId: [...],    // 可以是一個數(shù)組或單值或 'all'
}

如何聯(lián)動不同類型（axis.type）的軸？

如果 axis 的類型不同，比如 axisA type 為 'category'，axisB type 為 'time'，可以在每個 link group 中寫轉(zhuǎn)換函數(shù)（mapper）來進行值的轉(zhuǎn)換，例如：

link: [{
    xAxisIndex: [0, 1],
    yAxisName: ['yy'],
    mapper: function (sourceVal, sourceAxisInfo, targetAxisInfo) {
        if (sourceAxisInfo.axisName === 'yy') {
            // from timestamp to '2012-02-05'
            return echarts.format.formatTime('yyyy-MM-dd', sourceVal);
        }
        else if (targetAxisInfo.axisName === 'yy') {
            // from '2012-02-05' to date
            return echarts.number.parseDate(dates[sourceVal]);
        }
        else {
            return sourceVal;
        }
    }
}]

mapper 的輸入?yún)?shù)：

{number} sourceVal

{Object} sourceAxisInfo 里面包含 {axisDim, axisId, axisName, axisIndex} 等信息

{Object} targetAxisInfo 里面包含 {axisDim, axisId, axisName, axisIndex} 等信息

mapper 的返回值：

{number} 轉(zhuǎn)換結(jié)果

axisPointer.triggerOn   |   string

[ default: 'mousemove|click' ]

坐標軸指示器中提示框觸發(fā)的條件，可選：

• 'mousemove'：鼠標移動時觸發(fā)。
• 'click'：鼠標點擊時觸發(fā)。
• 'none'：不在 'mousemove' 或 'click' 時觸發(fā)。

名稱欄目：創(chuàng)新互聯(lián)ECharts教程：ECharts全局坐標軸指示器的屬性設(shè)置
瀏覽路徑：http://uogjgqi.cn/article/ccshgpp.html