Echarts中echarts-auto-tooltip的使用

1.Echarts的大屏效果,使用鼠标移入不是很方便,所以就有了自动滚动的tooltip的效果,使用方法很简单,直接创建echarts-auto-tooltip.js引入;

echarts-auto-tooltip.js内容如下

(function (global) {
    global.tools = global.tools || {};

    /**
     *  echarts tooltip 自动轮播
     *  @author liuyishi
     *  @param chart
     *  @param chartOption
     *  @param options
     *  {
     *  interval    轮播时间间隔,单位毫秒,默认为2000
     *  loopSeries  boolean类型,默认为false。
     *              true表示循环所有series的tooltip,false则显示指定seriesIndex的tooltip
     * 	seriesIndex 默认为0,指定某个系列(option中的series索引)循环显示tooltip,
     * 	            当loopSeries为true时,从seriesIndex系列开始执行.
     *  }
     * @returns {
  {clearLoop: clearLoop}}
     */

    tools.loopShowTooltip = function (chart, chartOption, options) {
        var defaultOptions = {
            interval: 2000,
            loopSeries: false,
            seriesIndex: 0,
            updateData: null
        };

        if (!chart || !chartOption) {
            return {};
        }

        var dataIndex = 0; // 数据索引,初始化为-1,是为了判断是否是第一次执行
        var seriesIndex = 0; // 系列索引
        var timeTicket = 0;
        var seriesLen = chartOption.series.length; // 系列个数
        var dataLen = 0; // 某个系列数据个数
        var chartType; // 系列类型
        var first = true;

        // 不循环series时seriesIndex指定显示tooltip的系列,不指定默认为0,指定多个则默认为第一个
        // 循环series时seriesIndex指定循环的series,不指定则从0开始循环所有series,指定单个则相当于不循环,指定多个
        // 要不要添加开始series索引和开始的data索引?

        if (options) {
            options.interval = options.interval || defaultOptions.interval;
            options.loopSeries = options.l
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值