Echarts一些常用图的属性

echarts特色:

  • 丰富的图表类型:折线图,柱状图散点图饼图等等
  • 多个坐标系支持:直角坐标系,极坐标系等
  • 移动端优化:图标库体积减小
  • 交互式数据减缩:提供了legend,visyalMap等组件及图表附带的漫游、选取等操作提供了数据筛选、视图缩放、展示细节等能力
  • 大数据量的展现
  • 支持多维数据及丰富的视觉编码:除平行坐标等常见的多维数据可视化工具外,对于传统的散点图等,传入的数据也可以是多个维度的
  • 动态数据
  • 绚丽特效

柱状图:

  • markPoint 标记,可标记最大值最小值
  • MarkLine type:'average’平均值,用data数组,可以画从最小值到最大值的线
  • tooltip 标记,鼠标移入有显示
  • toolbox,工具栏 例如saveAsImage,会增加保存为图片的图标 还有dataView,可设置修改
  • itemStyle:可通过函数设置各柱状图颜色 label加标签
  • legend 定义图例,data中增加’’,可完成换行 bottom:'1%'放到底部
  • magicType 定义在toolbox中,可以进行折线图和柱状图的转换
  • stack:设置堆叠,值相同的几组数据堆叠在一起
  • x、y反过来设置可以绘制条形图
  • barMaxWidth:柱形的宽度
  • dataZoom:区域选择
  • emphasis:移动之后加强的样式

饼图:

  • radius:饼图半径,可以定义数组,第一个是内半径,第二个是外半径形成环形
  • center:圆心位置
  • orient:写在legend中,设置图例水平竖直
  • tooltip:dataView 设置readonly为false即可编辑
  • hoverAnimaiton:动画效果
  • clockWise:是否是顺时针
  • data中selected设置为true就突出显示了
  • roseType:‘radius’半径模式,area面积模式 南丁格尔玫瑰图

雷达图:

  • 坐标轴信息放在radar:indictor数组中
  • areaStyle:区域样式
  • shape定义形状
  • center:定义位置 radius半径
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值