5分钟上手写ECharts的第一个图表

网址：http://echarts.baidu.com/doc/start.html

架构特性

http://echarts.baidu.com/doc/feature.html

• | 架构

提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图，同时支持任意维度的堆积和多图表混合展现。

下图是很明显的层级架构（核心技术）：

• l 混搭

多种图形组合在一起。

• l 拖拽计算
• l 数据视图

提供CVS格式的数据。

• l 动态类型切换

如从堆叠图——>折线图

• l 图例开关

能够开启和关闭某种图例

• l 数据区域选择

滑动窗来表示

• l 多图联动

多图对比选择

• l 值域漫游
• l 炫光特效
• l 大规模数据模式
• l 动态数据添加

Real Time

• l 标线辅助
• l 多维度堆积
• l 子区域地图模式
• l GeoJson地图扩展
• l 标注&标线
• l 个性化订制
• l 事件交互
• l 百搭时间轴

主要图形类别

• l 各种图形
• 折线图
  • 常用：标准折线图
• 柱状图标准条形图
  • 常用：标准柱状图
• 散点图K线图
  • 常用：标准散点图
• 饼图
  • 常用：标准饼图，嵌套饼图
• 力导向分布图混搭
  • 程序员最神秘：树状关系网络

开发实践构思

http://echarts.baidu.com/doc/doc.html#附录一个直观的事例