请访问 Apache ECharts 的官网  

https://echarts.apache.org
访问官网
x

折线图 line

基础折线图
Basic Line Chart
基础平滑折线图
Smoothed Line Chart
基础面积图
Basic area chart
折线图堆叠
Stacked Line Chart
堆叠面积图
Stacked Area Chart
渐变堆叠面积图
Gradient Stacked Area Chart
凹凸图
Bump Chart (Ranking)
未来一周气温变化
Temperature Change in the Coming Week
折线图区域高亮
Area Pieces
数据过滤
Data Transform Filter
折线图的渐变
Line Gradient
一天用电量分布
Distribution of Electricity
大数据量面积图
Large scale area chart
Confidence Band
Confidence Band
雨量Evaporation关系图
Rainfall vs Evaporation
北京 AQI 可视化
Beijing AQI
多 X 轴
Multiple X Axes
雨量流量关系图
Rainfall
时间轴折线图
Area Chart with Time Axis
动态数据 + 时间坐标轴
Dynamic Data + Time Axis
函数绘图
Function Plot
动态排序折线图
Line Race
折线图的标记线
Line with Marklines
自定义折线图样式
Line Style and Item Style
双数值轴折线图
Line Chart in Cartesian Coordinate System
对数轴示例
Log Axis
阶梯折线图
Step Line
缓动函数可视化
Line Easing Visualizing
垂直折线图(Y轴为类目轴)
Line Y Category
自定义图形组件
Custom Graphic Component
点击添加折线图拐点
Click to Add Points
极坐标双数值轴
Two Value-Axes in Polar
极坐标双数值轴
Two Value-Axes in Polar
移动端上的 dataZoom 和 tooltip
Tooltip and DataZoom on Mobile
可拖拽点
Draggable Points
联动和共享数据集
Share Dataset

柱状图 bar

基础柱状图
Basic Bar
坐标轴刻度与标签对齐
Axis Align with Tick
带背景色的柱状图
Bar with Background
自定义单个柱子颜色
Set Style of Single Bar.
瀑布图(柱状图模拟)
Waterfall Chart
交错正负轴标签
Bar Chart with Negative Value
极坐标柱状图标签
Radial Polar Bar Label Position
极坐标柱状图标签
Tangential Polar Bar Label Position
世界人口总量 - 条形图
World Population
极坐标系 endAngle
Polar endAngle
特性示例:渐变色 阴影 点击缩放
Clickable Column Chart with Gradient
柱状图标签旋转
Bar Label Rotation
堆叠柱状图
Stacked Column Chart
带圆角的堆积柱状图
Stacked Bar with borderRadius
堆叠柱状图的归一化
Stacked Bar Normalization
堆叠柱状图的归一化和变化
Stacked Bar Normalization and Variation
阶梯瀑布图(柱状图模拟)
Waterfall Chart
堆叠条形图
Stacked Horizontal Bar
柱状图框选
Brush Select on Column Chart
正负条形图
Bar Chart with Negative Value
某地区蒸发量和降水量
Rainfall and Evaporation
折柱混合
Mixed Line and Bar
多数值轴轴缩放
Mix Zoom On Value
多 Y 轴示例
Multiple Y Axes
柱状图动画延迟
Animation Delay
柱状图下钻动画
Bar Chart Drilldown Animation
大数据量柱图
Large Scale Bar Chart
动态排序柱状图
Bar Race
柱状图多层下钻动画
Bar Chart Multi-level Drilldown Animation
动态排序柱状图 - 人均收入
Bar Race
天气统计(富文本)
Wheater Statistics
动态数据
Dynamic Data
2002全国宏观经济指标
Finance Indices 2002
水印 - ECharts 下载统计
Watermark - ECharts Download
Bar Chart on Polar
Bar Chart on Polar
极坐标系下的堆叠柱状图
Stacked Bar Chart on Polar
极坐标系下的堆叠柱状图
Stacked Bar Chart on Polar(Radial)
圆角环形图
Rounded Bar on Polar
柱状图排序
Sort Data in Bar Chart
指定数据到坐标轴的映射
Simple Encode
系列按行和按列排布
Series Layout By Column or Row
最简单的数据集(dataset)
Simple Example of Dataset
对象数组的输入格式
Dataset in Object Array

饼图 pie

某站点用户Access From
Referer of a Website
圆角环形图
Doughnut Chart with Rounded Corner
环形图
Doughnut Chart
半环形图
Half Doughnut Chart
饼图扇区间隙
Pie with padAngle
饼图自定义样式
Customized Pie
饼图纹理
Texture on Pie Chart
南丁格尔玫瑰图
Nightingale Chart
基础南丁格尔玫瑰图
Nightingale Chart
饼图标签对齐
Pie Label Align
饼图引导线调整
Label Line Adjust
可滚动的图例
Pie with Scrollable Legend
富文本标签
Pie Special Label
嵌套环形图
Nested Pies
分割数据到数个饼图
Partition Data to Pies
默认 encode 设置
Default arrangement
日历饼图
Calendar Pie
在地图上显示饼图
Pie Charts on GEO Map
联动和共享数据集
Share Dataset

散点图 scatter

基础散点图
Basic Scatter Chart
Anscomb's quartet
Anscomb's quartet
数据聚合
Clustering Process
聚合过程可视化
Clustering Process
指数回归(使用统计插件)
Exponential Regression
涟漪特效散点图
Effect Scatter Chart
线性回归(使用统计插件)
Linear Regression
多项式回归(使用统计插件)
Polynomial Regression
GitHub 打卡气泡图
Punch Card of Github
单轴散点图
Scatter on Single Axis
男性女性身高体重分布
Distribution of Height and Weight
散点图聚合为柱状图动画
Aggregate Scatter to Bar
散点图标签顶部对齐
Align Label on the Top
散点图标签顶部对齐
Align Label on the Top
散点图变形动画
Symbol Shape Morph
大规模散点图
Large Scatter
大规模星云散点图
Scatter Nebula
流式渲染和视觉映射操作
Visual interaction with stream
气泡图
Bubble Chart
AQI 气泡图
Scatter Aqi Color
营养分布散点图
Scatter Nutrients
营养分布散点矩阵
Scatter Nutrients Matrix
GitHub 打卡气泡图(极坐标)
Punch Card of Github
各国人均寿命与GDP关系演变
Life Expectancy and GDP
Master Painter Color Choices Throughout History
Master Painter Color Choices Throughout History
全国主要城市空气质量 - 百度地图
Air Quality - Baidu Map
对数回归(使用统计插件)
Logarithmic Regression
散点矩阵和平行坐标
Scatter Matrix
日历图
Calendar Charts

地理坐标/地图 map

庖丁解牛
GEO Beef Cuts
内脏数据(SVG)
Organ Data with SVG
航班选座(SVG)
Flight Seatmap with SVG
GEO 路径图(SVG)
GEO SVG Lines
地图(SVG)
GEO SVG Map
散点图(SVG)
GEO SVG Scatter
交通(SVG)
GEO SVG Traffic
杭州热门步行路线 - 百度地图
A Hiking Trail in Hangzhou - Baidu Map
北京公交路线 - 百度地图
Bus Lines of Beijing - Baidu Map
北京公交路线 - 线特效
Bus Lines of Beijing - Line Effect
使用线图绘制近 100 万的纽约街道数据
Use lines to draw 1 million ny streets.
地图柱状图变形动画
Morphing between Map and Bar
Binning on Map
Binning on Map
香港18区人口密度 (2011)
Population Density of HongKong (2011)
在地图上绘制多边形
Draw Polygon on Map
2012 年美国人口统计
USA Population Estimates (2012)
在地图上显示饼图
Pie Charts on GEO Map
自定义地图投影
USA Choropleth Map with Projection
六边形分箱图(自定义系列)
Hexagonal Binning
全国主要城市空气质量 - 百度地图
Air Quality - Baidu Map

K 线图 candlestick

基础 K 线图
Basic Candlestick
OHLC 图(使用自定义系列)
OHLC Chart
上证指数
ShangHai Index
大数据量K线图
Large Scale Candlestick
触屏上的坐标轴指示器
Axis Pointer Link and Touch
K 线图刷选
Candlestick Brush
2015 年上证指数
ShangHai Index, 2015

雷达图 radar

基础雷达图
Basic Radar Chart
AQI - 雷达图
AQI - Radar Chart
自定义雷达图
Customized Radar Chart
浏览器占比变化
Proportion of Browsers
多雷达图
Multiple Radar

盒须图 boxplot

简单的数据聚合
Data Transform Simple Aggregate
基础盒须图
Boxplot Light Velocity
垂直方向盒须图
Boxplot Light Velocity2
多系列盒须图
Multiple Categories

热力图 heatmap

笛卡尔坐标系上的热力图
Heatmap on Cartesian
热力图 - 2w 数据
Heatmap - 20K data
热力图 - 颜色的离散映射
Heatmap - Discrete Mapping of Color
热力图与百度地图扩展
Heatmap on Baidu Map Extension
日历热力图
Calendar Heatmap
纵向日历图
Calendar Heatmap Vertical

关系图 graph

力引导布局
Force Layout
笛卡尔坐标系上的 Graph
Graph on Cartesian
Graph 简单示例
Simple Graph
力引导布局
Force Layout
关系图自动隐藏重叠标签
Hide Overlapped Label
悲惨世界人物关系图
Les Miserables
悲惨世界人物关系图(环形布局)
Les Miserables
动态增加图节点
Graph Dynamic
Graph Life Expectancy
Graph Life Expectancy
WebKit 模块关系依赖图
Graph Webkit Dep
NPM 依赖关系图
NPM Dependencies
日历关系图
Calendar Graph

路径图 lines

杭州热门步行路线 - 百度地图
A Hiking Trail in Hangzhou - Baidu Map
北京公交路线 - 百度地图
Bus Lines of Beijing - Baidu Map
北京公交路线 - 线特效
Bus Lines of Beijing - Line Effect
使用线图绘制近 100 万的纽约街道数据
Use lines to draw 1 million ny streets.

树图 tree

从左到右树状图
From Left to Right Tree
多棵树
Multiple Trees
从下到上树状图
From Bottom to Top Tree
从右到左树状图
From Right to Left Tree
折线树图
Tree with Polyline Edge
径向树状图
Radial Tree
从上到下树状图
From Top to Bottom Tree

矩形树图 treemap

矩形树图和旭日图的动画过渡
Transition between Treemap and Sunburst
磁盘占用
Disk Usage
ECharts 配置项查询分布
ECharts Option Query
How $3.7 Trillion is Spent
How $3.7 Trillion is Spent
显示父层级标签
Show Parent Labels
基础矩形树图
Basic Treemap
映射为渐变色
Gradient Mapping

旭日图 sunburst

基础旭日图
Basic Sunburst
圆角旭日图
Sunburst with Rounded Corner
旭日图标签旋转
Sunburst Label Rotate
Monochrome Sunburst
Monochrome Sunburst
旭日图使用视觉编码
Sunburst VisualMap
Drink Flavors
Drink Flavors
书籍分布
Book Records

平行坐标系 parallel

基础平行坐标
Basic Parallel
AQI 分布(平行坐标)
Parallel Aqi
营养结构(平行坐标)
Parallel Nutrients
散点矩阵和平行坐标
Scatter Matrix

桑基图 sankey

基础桑基图
Basic Sankey
垂直方向的桑基图
Sankey Orient Vertical
桑基图节点自定义样式
Specify ItemStyle for Each Node in Sankey
桑基图层级自定义样式
Sankey with Levels Setting
桑基图渐变色边
Gradient Edge
桑基图左对齐布局
Node Align Left in Sankey
桑基图右对齐布局
Node Align Right in Sankey

漏斗图 funnel

漏斗图
Funnel Chart
漏斗图(对比)
Funnel Compare
漏斗图
Customized Funnel
Funnel
Multiple Funnels

仪表盘 gauge

基础仪表盘
Gauge Basic chart
带标签数字动画的基础仪表盘
Simple Gauge
速度仪表盘
Speed Gauge
进度仪表盘
Progress Gauge
阶段速度仪表盘
Stage Speed Gauge
等级仪表盘
Grade Gauge
多标题仪表盘
Multi Title Gauge
气温仪表盘
Temperature Gauge chart
得分环
Ring Gauge
气压表
Gauge Barometer chart
时钟仪表盘
Clock
Gauge Car
Gauge Car

象形柱图 pictorialBar

象形主图变形为柱状图
Transition between pictorialBar and bar
人体含水量
Water Content
虚线柱状图效果
Dotted bar
森林的增长
Expansion of forest
圣诞愿望清单和山峰高度
Wish List and Mountain Height
精灵
Spirits
交通工具
Vehicles
驯鹿的速度
Velocity of Christmas Reindeers

主题河流图 themeRiver

主题河流图
ThemeRiver
ThemeRiver Lastfm
ThemeRiver Lastfm

日历坐标系 calendar

基础日历图
Simple Calendar
日历热力图
Calendar Heatmap
纵向日历图
Calendar Heatmap Vertical
横向日历图
Calendar Heatmap Horizontal
日历关系图
Calendar Graph
农历日历图
Calendar Lunar
日历饼图
Calendar Pie
日历图
Calendar Charts
日历图自定义图标
Custom Calendar Icon

自定义系列 custom

直方图(自定义系列)
Histogram with Custom Series
利润分布直方图
Profit
使用自定系列给散点图添加误差范围
Error Scatter on Catesian
使用自定义系列添加柱状图趋势
Custom Bar Trend
自定义多边形图
Custom Cartesian Polygon
使用自定系列给柱状图添加误差范围
Error Bar on Catesian
性能分析图
Profile
Cycle Plot
Cycle Plot
机场航班甘特图
Gantt Chart of Airport Flights
极坐标热力图(自定义系列)
Polar Heatmap
火焰图
Flame graph
风向图
Wind Barb
六边形分箱图(自定义系列)
Hexagonal Binning
日历图自定义图标
Custom Calendar Icon
使用自定义系列绘制风场
Use custom series to draw wind vectors
自定义仪表
Custom Gauge
自定义特效
GEO SVG with Customized Effect
自定义议会图与饼图过渡动画
Transition of Parliament and Pie Chart
Circle Packing with d3
Circle Packing with d3
自定义螺旋线竞速
Custom Spiral Race

数据集 dataset

柱状图排序
Sort Data in Bar Chart
指定数据到坐标轴的映射
Simple Encode
分割数据到数个饼图
Partition Data to Pies
默认 encode 设置
Default arrangement
指定数据到坐标轴的映射
Encode and Matrix
联动和共享数据集
Share Dataset
系列按行和按列排布
Series Layout By Column or Row
最简单的数据集(dataset)
Simple Example of Dataset
对象数组的输入格式
Dataset in Object Array

数据区域缩放 dataZoom

使用自定系列给散点图添加误差范围
Error Scatter on Catesian
大数据量面积图
Large scale area chart
机场航班甘特图
Gantt Chart of Airport Flights
风向图
Wind Barb
移动端上的 dataZoom 和 tooltip
Tooltip and DataZoom on Mobile

图形组件 graphic

关键帧描边动画
Stroke Animation
加载动画
Customized Loading Animation
Wave Animation
Wave Animation
自定义图形组件
Custom Graphic Component
可拖拽点
Draggable Points

富文本 rich

富文本标签
Pie Special Label
嵌套环形图
Nested Pies
天气统计(富文本)
Wheater Statistics

3D 地球 globe

Animating Contour on Globe
Animating Contour on Globe
大气层显示
Globe with Atmosphere
Contour Paint
Contour Paint
Globe Displacement
Globe Displacement
ECharts-GL Hello World
ECharts-GL Hello World
Globe Layers
Globe Layers
Moon
Moon
Iron globe
Iron globe

3D 柱状图 bar3D

使用 dataset 为三维柱状图设置数据
3D Bar with Dataset
Bar3D - Global Population
Bar3D - Global Population
星云
Bar3D - Myth
Noise modified from marpi's demo
Noise modified from marpi's demo
Bar3D - Punch Card
Bar3D - Punch Card
Bar3D - Simplex Noise
Bar3D - Simplex Noise
Voxelize image
Voxelize image
Global Population - Bar3D on Globe
Global Population - Bar3D on Globe
Image to Bar3D
Image to Bar3D
Metal Bar3D
Metal Bar3D
Stacked Bar3D
Stacked Bar3D
Transparent Bar3D
Transparent Bar3D

3D 散点图 scatter3D

Scatter3D
Scatter3D
使用 dataset 为三维散点图设置数据
3D Scatter with Dataset
Scatter3D - Globe Population
Scatter3D - Globe Population
三维散点图正交投影
Scatter3D - Orthographic
三维散点图和散点矩阵结合使用
3D Scatter with Scatter Matrix
Scatter3D - Simplex Noise
Scatter3D - Simplex Noise

3D 曲面 surface

Image Surface Sushuang
Image Surface Sushuang
Metal Surface
Metal Surface
Parametric Surface Rose
Parametric Surface Rose
Simple Surface
Simple Surface
Sphere Parametric Surface
Sphere Parametric Surface
Breather
Breather
Golden Rose
Golden Rose
皮革材质
Leather Material
Mollusc Shell
Mollusc Shell
Theme Roses
Theme Roses
Surface Wave
Surface Wave

3D 地图 map3D

Buildings
Buildings
Wood City
Wood City

3D 路径图 lines3D

Airline on Globe
Airline on Globe
Flights
Flights
Flights GL
Flights GL
Flights on Geo3D
Flights on Geo3D

3D 折线图 line3D

三维折线图正交投影
Orthographic Projection

GL 散点图 scatterGL

1 千万 GPS 点可视化
10 million Bulk GPS points

GL 路径图 linesGL

实时交互的纽约街道可视化
Use linesGL to draw 1 million ny streets.

GL 矢量场图 flowGL

直角坐标系上的向量场
Flow on the cartesian
Global wind visualization
Global wind visualization
Global Wind Visualization 2
Global Wind Visualization 2

GL 关系图 graphGL

GraphGL GPU Layout
GraphGL GPU Layout
GraphGL - Large Internet
GraphGL - Large Internet
1w 节点 2w7 边的 NPM 依赖图
NPM Dependencies with graphGL