Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度Echarts解决各种图表定时切换不冲突(重叠)

//在表外定义一个参数,根据这个参数进行判断是否为第一次执行
var barChartData
var barChartOption = {
...自己需要的图表
}
//这里是我们需要的重点
if (barChartData) {
  barChartData.setOption(barChartOption);
} else {
  function createExample(option, tooltipOption) {
    barChartData = echarts.init(document.getElementById(id));
    barChartData.setOption(option);
    tools.loopShowTooltip(barChartData, option, tooltipOption);
    window.addEventListener("resize", function() {
      barChartData.resize();
    })
  }
  createExample(barChartOption, {
    loopSeries: true
  });
}

注意:这里需要引入一个echarts-tooltip-carousel.js库!

点击展开全文

相关文章

  1. 百度Echarts实现大事件左右分布效果图
  2. 百度Echarts公交线路实时进度
  3. 百度Echarts公司架构关系图
  4. 百度Echarts实现一个金字塔立体效果(漏斗图)
  5. 百度Echarts对点击事件进行判断