8***@qq.com
8***@qq.com
  • 发布:2024-02-04 18:16
  • 更新:2024-02-19 21:16
  • 阅读:121

柱状图 设置y轴最小值

分类:uni-app

柱状图 设置y轴最小值 图形就跑出框了 这咋解决

2024-02-04 18:16 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

可以提供demo 或者 chartData我试试

  • 8***@qq.com (作者)

    chartData: {

    categories: ["周六","周日","周一","周二","周三","周四","周五"],

    series: [

    {

    name: "目标值",

    data: [91,96,92,95,98,100]

    },

    {

    name: "完成量",

    data: [94,96,92,95,98,100]

    },

    {

    name: "完成量",

    data: [94,96,92,95,98,91]

    }

    ]

    },


    opts: {

    color: ["#05ADA6","#FF2300","#FF2300"],

    padding: [15,15,0,5],

    enableScroll: false,

    legend: {},

    dataLabel:false,

    legend:{

    show:false,

    },

    xAxis: {

    disableGrid: true

    },

    yAxis: {

    data: [

    {

    axisLine:false,

    min: 90,

    max:100

    }

    ]

    },

    extra: {

    column: {

    type: "group",

    width: 10,

    activeBgColor: "#000000",

    activeBgOpacity: 0.08,

    barBorderCircle:true

    }

    }

    }

    2024-02-19 20:23

  • 8***@qq.com (作者)

    写死的假数据 就不行了

    2024-02-19 20:23

  • 5***@qq.com

    回复 8***@qq.com: 同样问题

    2024-04-16 22:21

喜欢技术的前端

喜欢技术的前端 - QQ---445849201

min:设置为0 或者不设置,设置90 是会出现你的问题

yAxis: { data: [ { axisLine: false, min:0, max: 100 } ] }

要回复问题请先登录注册