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

2301_82243558

于 2024-04-27 22:47:08 发布

阅读量679

点赞数 24

分类专栏：程序员文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/2301_82243558/article/details/138260098

版权

本文总结了Echarts中的grid、legend、axisLabel等关键参数，并提供了自定义示例，如线型图的areaStyle和markLine配置。强调了理解并系统学习Echarts参数的重要性，以实现更精细的图表定制。同时，鼓励读者加入技术交流圈子，共同进步。

摘要由CSDN通过智能技术生成

                      shadowBlur: 1,
                      opacity: 0.3
                          }
                 },
       },


### 3.grid


grid：图表距离容器的位置

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）