echarts 坐标显示,悬浮显示修改

在这里插入图片描述

  1. 坐标显示修改,以纵坐标为例
          yAxis: {
            data: that.barChartData[idIndex].Yaxis,
            axisLabel: {
              margin: 10,
              fontSize: fontSize,
              formatter(params) {
                var str = '';
                if (params.length > 6) {
                  params.split('').map((item, index) => {
                    str = str + item;
                    if (index % 6 === 0) {
                      if (index !== 0) {
                        str = str + '\n';
                      }
                    }
                  });
                  return str
                } else {
                  return params
                }
              },
            },
          },

在这里插入图片描述
2. 悬浮显示修改
在这里插入图片描述

      tooltip: {
            formatter(params) {
              return params.name + ' ' + params.value + '4分'
            },
          },

在这里插入图片描述
3. 以柱状图为例,柱子里文字的修改

          series: [
            {
              type: 'bar',
              data: [],
              itemStyle: {
                normal: {
                  label: {
                    show: true,
                    position: 'insideRight',
                    formatter(params){
                      return params.value + '/4'
                    },
                  },
                  color: '#83bff6',
                },
              },
              max: 4,
            },
          ],

在这里插入图片描述

各部分通过 formatter(params){ return params.value + '/4' },进行的改变

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值