新手如何在html中引入Echarts?

如何在最简单的html页面中引入一个最简单的echarts?

先搞一个初始化的html页面

像这样:

初始化html页面

打开echarts官网

        https://echarts.apache.org/zh/index.html

         下载一个 echarts.min.js 的js文件

        

跳转到...

点击红框内的链接,到了这么一个鬼地方....

    

点击红框内的xxxxxx,然后 “ctrl+s” 直接生成一个echarts.min.js文件

 如果两个文件在同一个目录下就加入这段: <script src="./echarts.min.js"></script>

    就像这样:

    然后配置文件就有了

之后就是找素材,回到官网示例

随便找一个“饼图”


    把左侧的代码全部复制下来,什么?你不会复制?你也太“新手”了

   总之,把代码复制下来后是这样的......


之后要把你绑定的div标签定义一个宽高,不然 ecahrts 图像是展示不出来的.....


然后打开后就是这样的.......

然后其它的你们就自行研究吧,我也没时间了......

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容