日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

在ECharts圖表中，通過hoverAnimation來控制是否開啟 hover 在圖形上的提示動畫效果。默認為 false，即不開啟，如若需要開啟，請將值設置為true。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站建設、網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務鄯善,10余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108

此hoverAnimation可以被設置在系列的根部，表示對此系列中所有數(shù)據(jù)都生效；也可以被設置在 data 中的每個數(shù)據(jù)項中，表示只對此數(shù)據(jù)項生效。

例如：

series: [{
    hoverAnimation: ... // 對 data 中所有數(shù)據(jù)項生效。
    data: [23, 56]
}]

或者：

series: [{
    data: [{
        value: 23
        hoverAnimation: ... // 只對此數(shù)據(jù)項生效
    }, {
        value: 56
        hoverAnimation: ... // 只對此數(shù)據(jù)項生效
    }]
}]

象形柱圖hover動畫效果屬性

animation

是否開啟動畫，默認為 true。

animationThreshold

是否開啟動畫的閾值，默認為2000，當單個系列顯示的圖形數(shù)量大于這個閾值時會關閉動畫。

animationDuration

初始動畫的時長，默認時長為1000，支持回調函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的初始動畫效果：

animationDuration: function (idx) {
    // 越往后的數(shù)據(jù)延遲越大
    return idx * 100;
}

animationEasing

初始動畫的緩動效果，默認為 cubicOut。不同的緩動效果可以參考 緩動示例。

animationDurationUpdate

數(shù)據(jù)更新動畫的時長，默認為300。

支持回調函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的更新動畫效果：

animationDurationUpdate: function (idx) {
    // 越往后的數(shù)據(jù)延遲越大
    return idx * 100;
}

animationEasingUpdate

數(shù)據(jù)更新動畫的緩動效果。

animationDelay

動畫開始之前的延遲，支持回調函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的更新動畫效果。

如下示例：

animationDelay: function (dataIndex, params) {
    return params.index * 30;
}

或者反向：

animationDelay: function (dataIndex, params) {
    return (params.count - 1 - params.index) * 30;
}

參見下述例子：

點擊編輯實例 》》

animationDelayUpdate

數(shù)據(jù)更新動畫的延遲，默認值為0，支持回調函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的更新動畫效果。

如下示例：

animationDelay: function (dataIndex, params) {
    return params.index * 30;
}

或者反向：

animationDelay: function (dataIndex, params) {
    return (params.count - 1 - params.index) * 30;
}

請參考animationDelay屬性中的例子。

新聞名稱：創(chuàng)新互聯(lián)ECharts教程：象形柱圖hover動畫效果設置
鏈接地址：http://www.5511xx.com/article/dhsddoc.html