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

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

架构特性

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

  • | 架构

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

下图是很明显的层级架构(核心技术):

clip_image002

  • 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#附录一个直观的事例

posted @ 2014-07-21 15:09  _DN  阅读(462)  评论(0编辑  收藏  举报