echarts 怎么操作图表数据鼠标移动到的时候显示另一组图表

发布网友 发布时间:2022-04-23 12:42

我来回答

1个回答

热心网友 时间:2022-04-22 18:53

模块化单文件引入(推荐)
1
新建一个echarts.html文件,为ECharts准备一个具备大小(宽高)的Dom,如下图所示:

2
新建<script>标签引入模块化单文件echarts.js,如下图所示:

3
新建<script>标签中为模块加载器配置echarts和所需图表的路径(相对路径为从当前页面链接到echarts.js),如下图所示:

4
<script>标签内动态加载echarts和所需图表,回调函数中可以初始化图表并驱动图表的生成,如下图所示:

5
浏览器中打开ecarts.html,就可以看到以下效果,如下图所示:

END
标签式单文件引入
新建一个echarts.html文件,为ECharts准备一个具备大小(宽高)的Dom,如下图所示:

新建<script>标签引入echart-all.js,如下图所示:

新建<script>,使用全局变量echarts初始化图表并驱动图表的生成,如下图所示:

4
浏览器中打开echarts.html,可以看到如下效果,如下图所示:

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com