echarts label 样式
时间: 2023-07-05 20:21:10 浏览: 103
你可以通过设置 ECharts 中 label 标签的样式来定制标签的外观。以下是一些常用的 label 样式属性:
- `show`:是否显示 label 标签。
- `position`:标签位置,可以是 `'top'`、`'bottom'`、`'left'`、`'right'`、`'inside'`、`'insideLeft'`、`'insideRight'`、`'insideTop'`、`'insideBottom'`、`'insideTopLeft'`、`'insideBottomLeft'`、`'insideTopRight'`、`'insideBottomRight'`。
- `color`:标签文字颜色。
- `fontSize`:标签文字大小。
- `fontWeight`:标签文字粗细。
- `fontFamily`:标签文字字体。
- `backgroundColor`:标签背景色。
- `borderColor`:标签边框颜色。
- `borderWidth`:标签边框宽度。
- `borderRadius`:标签边框圆角。
你可以通过以下代码设置 label 样式:
```javascript
option = {
// ...
series: [{
data: [10, 20, 30, 40, 50],
type: 'bar',
label: {
show: true,
position: 'top',
color: 'black',
fontSize: 14,
fontWeight: 'bold',
fontFamily: 'Arial',
backgroundColor: 'white',
borderColor: 'gray',
borderWidth: 1,
borderRadius: 5
}
}]
};
```
阅读全文