• Echarts简介概述


    Echarts简介概述

    本文节选于官方文档,本文简单介绍了ECharts的基本实现范围,更多的详情请自行浏览下方的官方文档链接。

    复制于官方网址http://echarts.baidu.com/echarts2/doc/doc.html

    入门教程 ( Getting started ) » Any feedback or question ? »

    简介

    ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

    支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。

    Echarts Architecture

    名词解析

    基本名词

    名词描述
    chart 是指一个完整的图表,如折线图,饼图等“基本”图表类型或由基本图表组合而成的“混搭”图表,可能包括坐标轴、图例等
    axis 直角坐标系中的一个坐标轴,坐标轴可分为类目型、数值型或时间型
    xAxis 直角坐标系中的横轴,通常并默认为类目型
    yAxis 直角坐标系中的纵轴,通常并默认为数值型
    grid 直角坐标系中除坐标轴外的绘图网格,用于定义直角系整体布局
    legend 图例,表述数据和图形的关联
    dataRange 值域选择,常用于展现地域数据时选择值域范围
    dataZoom 数据区域缩放,常用于展现大量数据时选择可视范围
    roamController 缩放漫游组件,搭配地图使用
    toolbox 辅助工具箱,辅助功能,如添加标线,框选缩放等
    tooltip 气泡提示框,常用于展现更详细的数据
    timeline 时间轴,常用于展现同一系列数据在时间维度上的多份数据
    series 数据系列,一个图表可能包含多个系列,每一个系列可能包含多个数据

    图表名词

    名词描述
    line 折线图,堆积折线图,区域图,堆积区域图。
    bar 柱形图(纵向),堆积柱形图,条形图(横向),堆积条形图。
    scatter 散点图,气泡图。散点图至少需要横纵两个数据,更高维度数据加入时可以映射为颜色或大小,当映射到大小时则为气泡图
    k K线图,蜡烛图。常用于展现股票交易数据。
    pie 饼图,圆环图。饼图支持两种(半径、面积)南丁格尔玫瑰图模式。
    radar 雷达图,填充雷达图。高维度数据展现的常用图表。
    chord 和弦图。常用于展现关系数据,外层为圆环图,可体现数据占比关系,内层为各个扇形间相互连接的弦,可体现关系数据
    force 力导布局图。常用于展现复杂关系网络聚类布局。
    map 地图。内置世界地图、中国及中国34个省市自治区地图数据、可通过标准GeoJson扩展地图类型。支持svg扩展类地图应用,如室内地图、运动场、物件构造等。
    heatmap 热力图。用于展现密度分布信息,支持与地图、百度地图插件联合使用。
    gauge 仪表盘。用于展现关键指标数据,常见于BI类系统。
    funnel 漏斗图。用于展现数据经过筛选、过滤等流程处理后发生的数据变化,常见于BI类系统。
    evnetRiver 事件河流图。常用于展示具有时间属性的多个事件,以及事件随时间的演化。
    treemap 矩形式树状结构图,简称:矩形树图。用于展示树形数据结构,优势是能最大限度展示节点的尺寸特征。
    venn 韦恩图。用于展示集合以及它们的交集。
    tree 树图。用于展示树形数据结构各节点的层级关系
    wordCloud 词云。词云是关键词的视觉化描述,用于汇总用户生成的标签或一个网站的文字内容

    图表类型

    图表库标准包含单图表类型的标准图表以及多图表类型混合的混搭图表:

    标准图表类型

    单图表类型:line

    折线图堆积折线图区域图堆积区域图
    折线图 堆积折线图 区域图 堆积区域图

    单图表类型:bar

    柱形图堆积柱形图条形图堆积条形图
    柱形图 堆积柱形图 条形图 堆积条形图

    单图表类型:scatter

    散点图气泡图
    散点图 散点图 气泡图

    单图表类型:k

    K线图
    K线图 K线图

    单图表类型:pie

    饼图圆环图南丁格尔玫瑰图
    饼图 圆环图 南丁格尔玫瑰图

    单图表类型:radar

    雷达图填充雷达图
    雷达图 填充雷达图

    单图表类型:chord

    和弦图
    和弦图 和弦图

    单图表类型:force

    力导向布局图。
    力导向布局图 力导向布局图 力导向布局图

    单图表类型:map

    中国地图全国34个省市自治区世界地图
    中国地图 全国34个省市自治区 世界地图
    子区域模式标准GeoJson扩展SVG扩展
    子区域模式 标准GeoJson扩展 SVG扩展

    单图表类型:heatmap

    热力图
    热力图 热力图 热力图

    单图表类型:gauge

    仪表盘
    仪表盘 仪表盘

    单图表类型:funnel

    漏斗图
    漏斗图 漏斗图 漏斗图

    单图表类型:eventRiver

    事件河流图
    事件河流图 事件河流图

    单图表类型:treemap

    矩形树图
    矩形树图 矩形树图

    单图表类型:venn

    韦恩图类型
    韦恩图

    单图表类型:tree

    树图
    树图 树图

    单图表类型:wordCloud

    字符云
    树图

  • 相关阅读:
    svn备份
    Java Web开发引用包的方法
    nucht1.2二次开发增量采集
    程序集信息设置.net
    lucene的基本查询及lucene3.0.1API
    Asp.net网站部署
    C语言面试算法题(一)
    面试题
    C语言面试算法题(二)
    C++的IO流的函数
  • 原文地址:https://www.cnblogs.com/carsonwuu/p/8295172.html
Copyright © 2020-2023  润新知