如何在html中echarts？

首先，下载到源码之后，在页面引入lib/echarts-plain-map.js，plain-map是未压缩的版本

<script type="text/javascript" src="lib/echarts-plain-map.js"></script>

然后引入主文件之后，就可以直接使用init()实例化了

<script type="text/javascript">

var myChart = echarts.init({

// ...

})

</script>

ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。 ECharts 提供大量常用的数据可视化图表，底层基于ZRender。

常见的数据可视化方式有：

条形图和柱状图

折线图

面积图

散点图

气泡图

烛台图

饼图

实现这些图标的方法，可以参考下面的博客

http://www.gcpowertools.com.cn/products/componentoneenterprise/controls.htm#data-visualization

chart 是图解，一般以图形表达统计数量。chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。它可以帮你用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果，并且看上去非常棒，即便是在retina屏幕上。Chart.js基于HTML5 canvas技术，支持所有现代浏览器，并且针对IE7/8提供了降级替代方案。并且它不依赖任何外部工具库，轻量级（压缩之后仅有4.5k），并且提供了加载外部参数的方法。

---