ECharts 绘制图表

    本文介绍一下如何使用ECharts框架绘制图形（ 说明：本文例子使用的是ECharts 3）

一、引入ECharts

    ECharts 3 引入的方法和普通的JavaScript库一样，只需要一个script标签即可

二、为ECharts图形准备一个具有宽高的DOM容器

三、通过echarts.init方法初始化一个echarts实例并通过setOption方法生成一个简单的柱形图

完整代码如下:

运行结果如下图：

四、完善图形，配置折线图和柱形图效果图如下：

运行效果图如下，距离目标效果图就差一个颜色和风格主题：

五、给图形设计主题

    在ECharts官网下载导航栏中可选择已有主题下载，也可自定义构建主题

本例下载的是已有的macarons主题，使用方法如下：

最终效果图：

转载于:https://www.cnblogs.com/yerongtao/p/6654517.html