echarts 怎么操作图表数据鼠标移动到的时候显示另一组图表
展开全部
模块化单文件引入(推荐)
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,可以看到如下效果,如下图所示:
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,可以看到如下效果,如下图所示:
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询