最近由于项目需求，我们需要做的一类似网络效应的人立方效果，很多文件中的查询之后。百度发现echarts开源组件非常适合，而加载速度是伟大的。echarts图形主要使用html5这些新功能做，使用canvas画板等。。

下面是一些我认识的过程和经验，大家參考。

这里是echarts的站点：http://echarts.baidu.com/doc/example.html

里面有具体的使用流程和样例，仅仅要是略微懂一些javascript就能看懂。

第一步：

下载echarts的插件： 在项目中导入一下俩个文件

     1     esl.js

     2     echarts-original.js

     3     jquery-1.9.1.min.js   jQuery压缩文件

第二步：

 定义一个div容器，用来盛放echarts的图形。必须定义一个id。例如以下：

<div id="rel" style="height: 500px; margin: 0 auto;"></div>

第三步：

配置相关图形的属性，载入图形到容器中，启动图形。

具体代码例如以下：

其效果图入下：

版权声明：本文博主原创文章，博客，未经同意不得转载。