位置: IT常识 - 正文
echarts的legend——图例样式的配置(echars legend)
发布时间：2024-01-14推荐整理分享echarts的legend——图例样式的配置(echars legend)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:echart中legend,echarts legend scroll,echarts lengend,echarts legend icon,echarts中的legend,echarts legendselectchanged,echars legend,echarts中的legend,内容如对您有帮助，希望把文章链接给更多的朋友！
以上几张图表中，红色圆圈部分即图例
echarts图表中的图例，有形状，颜色，位置等等各种样式的不同配置。
echarts官网配置项手册里有非常详细的内容，我们挑几种常用的看看，加深对legend属性的理解
option = { legend: { data: ['图例一', '图例二'], //图例名称 right: 10, //调整图例位置 top: 0, //调整图例位置 itemHeight: 7, //修改icon图形大小 icon: 'circle', //图例前面的图标形状 textStyle: { //图例文字的样式 color: '#a1a1a1', //图例文字颜色 fontSize: 12 //图例文字大小 }，
series: [{ name: '图例一', }, { name: '图例二', }] }
重点：图例data的值必须与series里的name值对应icon可选样式：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'上一篇：微信小程序【获取用户昵称头像和昵称（附源码）】(微信小程序获取位置信息的权限在哪里修改位置)
下一篇：v-if与v-for为什么不建议一起使用？(v_if和v_for)
