Echarts 图表tooltip的自动播放

Echarts 图表tooltip的自动播放

// 写一个函数，参数为chart图表的ref参数， 自动播放的间隔时间time
// 注意chart的option配置项series 要写成数据的形式，如果为对象 修改函数里面series的判断
autoPlayToopTip (chartRef, time = 1500) {
        let dataIndex = -1
        let dataLen = 0
        if (typeof chartRef !== 'undefined' && typeof chartRef.options.series !== 'undefined') {
            if (chartRef.options.series.length > 0 && typeof chartRef.options.series[0].data !== 'undefined') {
                dataLen = chartRef.options.series[0].data.length
            }
            setInterval(() => {
                chartRef.dispatchAction({
                    type: 'downplay',
                    playState: true,
                    seriesIndex: 0,
                    dataIndex
                })
                dataIndex = (dataIndex + 1) % dataLen
                chartRef.dispatchAction({
                    type: 'highlight',
                    playState: true,
                    seriesIndex: 0,
                    dataIndex
                })
                // 显示 tooltip
                chartRef.dispatchAction({
                    type: 'showTip',
                    seriesIndex: 0,
                    playState: true,
                    dataIndex
                })
            }, time)
        }
    },

# Echarts 图表tooltip的自动播放

Awesome Mac 前端导航网 Git权威指南 Git教程_中文前端逛哪些网站--知乎每天一条JS小知识前端组件大合集 webpack优化篇

Echarts 图表tooltip的自动播放

Recommendable website

Comentarios

Links

Categorias

Nube de etiquetas

Recientes

Archivos

Etiquetas

Recientes

Archivos

Etiquetas

Your browser is out-of-date!