Echarts中常用的参数总结以及参数自定义示例_echarts series参数

本文总结了Echarts中的关键参数,包括grid、legend、axisLabel的设置,以及如何自定义文字样式、图表颜色和线型。通过示例展示了如何调整图表的边界、图例位置、文字格式以及创建区域填充和基线标记,以实现更美观的数据可视化效果。
摘要由CSDN通过智能技术生成

grid: {
left: ‘4%’,
right: ‘4%’,
bottom: ‘4%’,
top: ‘30%’,
containLabel: true
},



> 
> * containLabel 为 false 的时候:  
>  grid.left grid.right grid.top grid.bottom grid.width grid.height 决定的是由坐标轴形成的矩形的尺寸和位置。
> * containLabel 为 true 的时候:  
>  grid.left grid.right grid.top grid.bottom grid.width grid.height 决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。
> * 这常用于『防止标签溢出』的场景,标签溢出指的是,标签长度动态变化时,可能会溢出容器或者覆盖其他组件
> 
> 
> 


### 4.legend


legend:图例


* data:图例的具体文字
* textStyle:图例的文字
* icon:图例的形状 (包括:circle,rect ,roundRect,triangle,diamond,pin,arrow,none)



legend: {
data: [‘xx’, ‘xx’, ‘xx’, ‘xx’],
right: ‘33%’,
top: ‘10%’,
textStyle: {
fontSize: 12,
color: ‘#666’
},
icon: “circle”,
itemWidth: 10, // 设置宽度

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值