echarts的tooltip问题,求个demo或者如何配置呢。

  1. tooltip自动轮播效果

折线图或者饼图的tooltip自动切换显示下一个 保证初始化后显示 一直显示

查了下用echarts的dispatchAction('showTip', seriesIndex: num, dataIndex: num),没成功,可能适用的方式不对呃。。。

  1. 饼图的轮流凸显

饼图轮流获取echarts的那个鼠标悬浮放大效果

阅读 5.4k
1 个回答

没有实现过饼图的 tooltip 自动切换,先提供一个折线图的吧

// legend
legend: {
    data: ['demo']
},
// series
series: {
    name: 'demo',
    type: 'line',
    data: [120, 132, 101, 134, 90, 230, 210],
}

可是实现一个定时器用于tooltip的自动切换

var timer = null;

var count = 0,
    total = 7;     // series.data.length

function autoTip() {
    timer = setInterval(function() {
        var curr = count % total;
        myChart.dispatchAction({
            type: 'showTip',
            seriesIndex: 0,    // 因为只有一组数据,所以此处应为0
            dataIndex: curr
        });
        count += 1;
    }, 1000);
}
autoTip();
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题