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

时间:2024-09-29 20:12:06

使用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,
    }
  }
});