echarts:折线图、柱状图、饼图轮播提示数据

文章目录

• 前言
• 一、如何使用echarts折线图轮播展示数据信息
• 二、引用插件
• 三、插件的使用

---

前言

     随着可视化屏幕的快速发展 越来越多的政府和企业开始使用可视化系，由于可视化系统是用户直观感受到的数据 ，不需要用户手动点击屏幕就可获取的数据，因此对于折线图，柱状图以及饼图轮播展示对应的数据是相当重要的，本文就介绍了插件的使用：

一、效果展示？

使用插件可以做到如图所示的界面：

由于不会做gif图，谅解谅解

二、使用方法

（1）下载

  下载仓库 · 叶秀刚/echarts-auto-tooltip - Gitee.com

或者echarts-tooltip-auto-show: echarts自动轮播tootip (gitee.com)

 点击最后echarts-auto-tooltip.js文件夹找到对应的js包，引入到对应的项目js文件中

(2)导入文件夹

实例：

 之后在项目的HTML文件中需要引用插件   <script type="text/javascript" src="js/echarts-auto-tooltip.js"></script>

（3）在需要轮播提示信息的js文件当中，需要写入以下代码：

myChart.setOption(option);
tools.loopShowTooltip(myChart, option, {loopSeries: true});//使用自动轮播插件