zoukankan      html  css  js  c++  java
  • 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#附录一个直观的事例

  • 相关阅读:
    vim中ctags应用
    LCD屏参数及应用举例
    modbus概述
    Modbus常用
    git常用操作
    linux内核学习
    截图工具gsnap
    信号signal编号及意义及一般处理
    oracle 表空间 数据文件 表的关系
    IBM MQ 2035 或 2013认证错误的解决方法
  • 原文地址:https://www.cnblogs.com/pengzhen/p/3858460.html
Copyright © 2011-2022 走看看