echarts的legend属性设置
时间: 2023-09-21 10:02:48 浏览: 109
ECharts的legend属性用于设置图例相关的配置,常用的属性包括:
- type:图例的类型,可选值为 'plain'(普通图例)和'scroll'(可滚动图例)
- show:是否显示图例,默认为true
- left/right/top/bottom:图例组件离容器左侧/右侧/上侧/下侧的距离
- orient:图例列表的布局朝向,可选值为 'horizontal'(水平布局)和'vertical'(垂直布局)
- itemGap:图例每项之间的间隔
- itemWidth:图例标记的图形宽度
- itemHeight:图例标记的图形高度
- textStyle:图例文本的样式设置
一个简单的例子:
```javascript
option = {
legend: {
data: ['销量'],
type: 'plain',
left: 'center',
top: 'bottom',
textStyle: {
color: '#333',
fontSize: 14
}
},
series: [{
name: '销量',
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}]
};
```
这个例子中,图例使用了普通图例类型,显示了一个名为 '销量' 的图例项,图例组件水平居中,垂直靠底部,文本样式设置为颜色为'#333',字号为14px。
阅读全文