codecamp

ECharts系列介绍

在 ECharts 中我们通过使用 series[i] 来表示系列列表。其中,每个系列通过 type 决定自己的图表类型。在本章中,我们会学习的系列图表类型如以下列表所示:

  • 折线/面积图
  • 柱状/条形图
  • 饼图
  • 散点(气泡)图
  • 带有涟漪特效动画的散点(气泡)图
  • 雷达图
  • Treemap
  • Boxplot(又被称为:箱形图、盒式图、盒状图等)
  • K 线图
  • 热力图
  • 地图
  • 平行坐标系的系列
  • 线图
  • 关系图
  • 桑基图
  • 漏斗图
  • 仪表盘
  • 象形柱图
  • 主题河流
  • 自定义系列

上述就是在本章中,您将会接触到的各种 ECharts 系列图表,这些图表在使用 ECharts 的过程中起到很大的实际用途,了解并掌握各个图表的用法将让您深入理解 ECharts 学习!

下面让我们开始本次的学习》》

ECharts日历坐标系年份标签样式
如何标注ECharts折线图
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }