Echarts 柱状图使用

最新推荐文章于 2024-04-22 16:32:05 发布

冰激凌不甜

最新推荐文章于 2024-04-22 16:32:05 发布

阅读量1k

点赞数

文章标签：前端 echarts

本文链接：https://blog.csdn.net/weixin_48164975/article/details/124129394

版权

柱状图横向显示，名称在柱状图上方，数据在右侧

option = {
  grid: {
          left: "5%",
          right: "2%",
          width:"80%",
          bottom: "2%",
          top: "8%",
          containLabel: true
        },
  yAxis: {
    type: 'category',
    offset: -10,
    position: "left",
    inverse: true,
    axisLabel: {
      interval: 0,
      color: ["#333"],
      align: "left",
      verticalAlign: "bottom",
      lineHeight: 60,
      fontSize: 16
    },
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    axisLine: { show: false },
    axisTick: { show: fa