Echarts使用手册

Echarts使用手册

setOption:

属性说明
title标题组件。
legend图例组件。
grid直角坐标系网格。
xAxis直角坐标系的x轴。
yAxis直角坐标系的y轴。
polar极坐标系,可用于散点图和折线图。
radiusAxis极坐标系的径向轴(直线轴)。
angleAxis极坐标系的角度轴(环形轴)。
radar雷达图坐标系组件(只适用于雷达图)。
dataZoom用于区域缩放。
visualMap视觉映射组件。
tooltip提示框组件。
axisPointer坐标轴指示器(指示坐标轴当前刻度的工具)的全局公用设置。
toolbox工具栏。内置有导出图片、数据视图、动态类型切换、数据区域缩放以及重置五个工具。
brush区域选择组件。用户可以选择图中一部分数据,从而便于向用户展示被选中数据,或者他们的一些统计计算结果。
geo地理坐标系组件。用于地图绘制,支持在地理坐标系中绘制散点图,线集。
parallel平行坐标系。是一种常用的可视化高维数据图表。
parallelAxis平行坐标系中的坐标轴。
singleAxis单轴。可以被应用到散点图中展现一维数据。
timeline提供了在多个 ECharts option 间进行切换、播放等操作的功能。
graphic原生图形元素组件。可做水印。例:https://echarts.apache.org/examples/zh/editor.html?c=line-draggable
calendar日历坐标系组件。
dataset数据集组件。
aria无障碍访问。
series系列,具体配置看下面的series-type表
darkMode是否是暗黑主题模式。
color调色盘颜色列表。
backgroundColor背景色,默认无背景。
textStyle全局的字体样式。
animation是否开启动画
animationThreshold是否开启动画的阈值,当单个系列显示的图形数量大于这个阈值时会关闭动画。
animationDuration初始动画的时长,支持回调函数,可以通过每个数据返回不同的时长实现更戏剧的初始动画效果。
animationEasing初始动画的缓动效果。
animationDelay初始动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。
animationDurationUpdate数据更新动画的时长,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。
animationEasingUpdate数据更新动画的缓动效果。
animationDelayUpdate数据更新动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。
stateAnimation状态切换的动画配置,支持在每个系列里设置单独针对该系列的配置。
blendMode图形的混合模式。
hoverLayerThreshold图形数量阈值,决定是否开启单独的 hover 层,在整个图表的图形数量大于该阈值时开启单独的 hover 层。
useUTC是否使用 UTC 时间。
option用于timeline的 option 数组。
media移动端自适应配置。

series-type表:

series-type说明
line折线、面积图。
bar柱状图。
pie饼图。
scatter散点(气泡)图。
effectScatter带有涟漪特效动画的散点(气泡)图。
radar雷达图。
tree树图。
treemap面积图。
sunburst旭日图。
boxplot盒须图。
candlestickK线图,常用于展示股票走势。
heatmap热力图。
map地图。
parallel平行坐标系。
lines路径图(常搭配地图使用)。
graph关系图。
sankey桑基图,它主要用来表示原材料、能量等如何从最初形式经过中间过程的加工或转化达到最终状态。
funnel漏斗图。
gauge仪表盘。
pictorialBar象形柱图。
themeRiver主题河流图,它主要用来表示事件或主题等在一段时间内的变化。
custom自定义系列图。
  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值