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

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部