发布网友 发布时间: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,可以看到如下效果,如下图所示: