echarts简单用法介绍

         这几天，公司要求利用echarts做一些图表，在这之前，我只是听说过这个东西，但是从来没有拿上这个库写过项目，只是听说过这个库其实挺简单的，是完全傻瓜式的开发库，接下这个项目后，开始上网看api学着看看怎么用。

         我来简单的说一下这个库的用法（这里只介绍最基本的用法，便于入门）：

         第一步，下载：先把需要的文件下载好，可以下载完整的库，也可以到echarts官网上选择需要的东西，进行选择，定制生成库，这样可以减小库的大小。

　　网址：            http://echarts.baidu.com/download.html
　　下载文件：        echarts.min.js

 

　　第二步，需要时，继续下载：如果需要做一些特殊性的图表，例如地图之类的，那么，就还需要下载一些需要引入的文件。例如，生成一个中国地图，需要下载一下js文件。

　　网址：            http://echarts.baidu.com/download-map.html
　　下载文件：        china.js

 

　　第三步，body标签中写入一个div标签，表示图表生成的位置。

 

　　第四部，编写js代码。

　　var myChart = echarts.init(document.getElementById(‘元素’));

　　var opt = { 这是一个json，需要配置那些熟悉，可以直接查官网api，很方便 };

　　myChart.setOption(opt);

 

         完成了以上四个步骤后，打开浏览器，就可以看到一张交互性很好的图表生成了。

转载于:https://www.cnblogs.com/nation-blue/p/7337362.html