echarts圆角环形图legend参数
时间: 2024-09-26 16:14:36 浏览: 31
ECharts饼图-圆角环形图.rar
ECharts中的圆角环形图(也称为仪表盘图或 doughnut chart),其Legend(图例)参数允许你自定义图例的行为和样式。以下是几个关键的Legend参数:
1. `orient` (方向):设置图例的方向,默认是垂直的,可选值有 'horizontal', 'vertical', 'right', 'left', 和 'bottom'。
2. `position` (位置):指定图例相对于图表的位置,如 'top', 'bottom', 'right', 'left', 或百分比坐标。
3. `radius` (外边距):控制图例的半径范围,通常用于调整图例与饼图之间的距离。
4. `backgroundColor` (背景色):图例框的背景颜色。
5. `textColor` (文字颜色):图例标题和文字的颜色。
6. `itemGap` (项间距):图例中各个项目之间的间距。
7. `itemWidth` (项目宽度):单个项目标签的宽度。
8. `formatter` (格式化函数):可以自定义图例的文字内容显示方式。
9. `show` (是否显示):布尔值,控制是否显示图例。
你可以通过配置项的详细选项来自定义 Legend 的外观。例如:
```javascript
legend: {
orient: 'vertical',
position: 'right',
radius: '5%',
backgroundColor: '#fff',
textStyle: {
color: '#000'
},
itemGap: 10,
}
```
阅读全文