echarts 柱形图，金额格式化

最新推荐文章于 2024-04-18 14:30:56 发布

大腿不要的腿毛

最新推荐文章于 2024-04-18 14:30:56 发布

阅读量387

点赞数 3

文章标签： echarts javascript 前端

本文链接：https://blog.youkuaiyun.com/qihangVIP4/article/details/137230496

版权

option = {
        title: {
          text: '交易金额(元)'
        },
        legend: {
          // right: "right",
          top: 'bottom',
          padding: [1, 0, 0, 0],
          // left: "550",
          data: ['一','二','三'],// 类型集合
        },
        grid: {
          left: 100
        },
        /*toolbox: {
          show: true,
          feature: {
            saveAsImage: {}
          }
        },*/
        xAxis: {
          type: 'value',
          name: '元',
          axisLabel: {
            formatter: '{value}'
          }
        },
        yAxis: {
          type: 'category',
          inverse: true,
          data: [''],
          axisLabel: {
            formatter: function (value) {
              return '';
            },
            margin: 20,
          }
        },
        series: [
          {
          name: '一',
          type: 'bar',
          data: [100],
          label: {
            show: true,
            position: "right", // 数值显示在内部
            fontSize: 12,
            formatter: function (params) {
              return  params.value
            }
          },
        },
        {
          name: '二',
          type: 'bar',
          data: [200],
          label: {
            show: true,
            position: "right", // 数值显示在内部
            fontSize: 12,
            formatter: function (params) {
              return  params.value
            }
          },
        },
        {
          name: '三',
          type: 'bar',
          data: [150],
          label: {
            show: true,
            position: "right", // 数值显示在内部
            fontSize: 12,
            formatter: function (params) {
              // 格式化金额
              return  params.value
            }
          },
        },
          ]
      };