uni-ec-canvas echarts 柱状图的label 被隐藏你
时间: 2023-10-19 11:14:47 浏览: 105
如果你使用的是 uni-ec-canvas 组件绘制柱状图,可以通过设置 label 的 show 属性来控制是否显示 label。示例代码如下:
```html
<uni-ec-canvas canvas-id="mychart" ec="{{ ec }}" onInit="initChart"></uni-ec-canvas>
```
```javascript
export default {
data() {
return {
ec: {
// 配置项
option: {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'bar',
label: {
show: true, // 设置为 true 显示 label
position: 'top'
}
}]
}
}
}
},
methods: {
initChart(canvas, width, height) {
// 初始化图表
}
}
}
```
如果 label 被隐藏了,可以检查一下是否设置了 show 属性或者是否被其他样式覆盖隐藏了。可以通过浏览器开发者工具查看元素样式来调试。
阅读全文