基于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)

 

分享到 :
相关推荐

简单产品月销售额柱状图表代码

简单产品月销售额柱状图表代码html5制作简单的企业商品销售柱状图统计,产品月销售梯...

jquery bootstraps响应式社交类后台管理模板

jquerybootstraps响应式社交类后台管理模板插件描述:jqueryboo...

实用的头列冻结表格插件

实用的头列冻结表格插件jQuery表格插件制作表格头部和左侧列表冻结,上下左右滚动表...

仿京东详情页放大镜特效

原生js仿京东详情页商品图片放大镜预览特效,悬停缩略图切换相应大图,带左右箭头按钮切...

发表评论

登录... 后才能评论