EN
/news/show.php/video/97583599.html

使用ucharts写的小程序页面柱状图上方没有数字

2025-06-24 12:11:53 来源: 新华社
字号:默认 超大 | 打印 |

使用UCharts官网 - 秋云uCharts跨平台图表库中编写的柱状图如何使柱子上没有数据。

更改前。

更改后。

使用ucharts官网使用ucharts - 跨平台图表库秋云ucharts。

写小程序图表,无论是柱状图还是折线图,添加一个。

dataLabel: false, // 不显示数据。

九是不显示数据的实现。

const opts = ref({   color: ["#1890FF", "#91CB74"], // 每根柱子的颜色  padding: [15, 15, 0, 5],  enableScroll: false, // dataLabel: false, // 数据  legend: {  show: false },  xAxis: {  disableGrid: true, rotate: 45, tickCount: 5 },  yAxis: {  data: [{  min: 0, unit: "度" }] },  extra: {     column: {       type: "stack", // 设置为堆叠柱状图      width: 12,      activeBgColor: "#000000",      activeBgOpacity: 0.08,    }  }});

【我要纠错】责任编辑:新华社