基于ets柱状图后台和表格上下滚动

基于ets柱状图后台和表格上下滚动

文章目录[隐藏]

插件描述:柱状图基于ets,table表格自动滚动的方法已经注解 可以修改速度 从多少条开始滚动

使用方法

这个的ak是我自己的 你们可以换成你们的

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=0xdI6Lq0agqBHUtthykRldY7gMTM378p"></script>

这两个echarts主题可用可不用 

<!-- 引入主题 --> 
<script src="js/chalk.js"></script>
<script src="js/purple-passion.js"></script>

这里是柱状图自动显示tooltip的 我设置的3秒

var app = {
    currentIndex: -1,
};
setInterval(function() {
    var dataLen = option.series[0].data.length;
    // 取消之前高亮的图形
    myChart.dispatchAction({
        type: 'downplay',
        seriesIndex: 0,
        dataIndex: app.currentIndex
    });
    app.currentIndex = (app.currentIndex + 1) % dataLen;
    //console.log(app.currentIndex);
    // 高亮当前图形
    myChart.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: app.currentIndex,
    });
    // 显示 tooltip
    myChart.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: app.currentIndex
    });
}, 3000);
//table滚动方法
// 参数1 tableID,参数2 div高度,参数3 速度,参数4 tbody中tr几条以上滚动
tableScroll('tableId', 200, 60, 5)

 

分享到 :

请务必线上支付,通过线下支付的出现任何问题平台均不担保!

相关推荐

js数字翻页时钟

插件描述:简洁的js数字翻页时钟代码 …

jQuery网络建站公司宽屏导航下拉菜单代码

jQuery网络建站公司宽屏导航下拉菜单代码非常不错的jQuery网络建站公司宽屏导...

css人脸识别动画

css人脸识别动画 插件描述:css人脸识别认证动画 …

酷炫3D液体网状波浪动画特效

three基于canvas绘制3D液体网状,鼠标移动网状波浪酷炫动画特效。此类资源仅...

发表评论

登录... 后才能评论