echarts相关

1、Cannot read property 'getAtribute' of null报错

   错误原因分析:

      1)html 元素还没加载或者代码还没有执行完就先执行了 echarts 的渲染,也就是代码执行前后顺序的问题。

      2)初始化 echarts 的 DOM 元素不存在。

    解决方案:

this.$nextTick(function () {
  this.initEcharts();
});
  

 2、搜索保持+浏览器尺寸改变 切换页面echarts的图表偶尔不展示

解决方案: 进入页面时再调用一次echarts

 beforeRouteEnter (to, from, next) {
    next(vm=> {
      vm.initEcharts()
    })
  },

3、设置echarts横向柱状图每个柱状图的宽度

_this.dataList.length有几个柱状图,80每个柱状图的宽度

myChart.resize({height: _this.dataList.length*80+78});

4、柱状图上显示的自定义的内容

 label: {
    show: true,
    position:'center',
    offset: [20, 10],
    formatter:function(p){
    let dataIndex = p.dataIndex
        return  '{b|'+_this.allArrData.stockBus[dataIndex]+'},' + '{a|'+_this.allArrData.newBus[dataIndex]+'},'+'{c|'+_this.allArrData.allBus[dataIndex]+'}'
    },
    rich: {
      a: {
         color:'#2C6DF2',
      },
      b: {
         color:'#6698FF',
      },
      c: {
         color:'black',
        },
     }
  },

5、设置坐标文字显示不全问题

axisLabel: { //设置x轴的字

              show:true,

              interval:0,//使x轴横坐标全部显示

              // formatter: function (value) {

              //   var val = "";

              //   if (value.length > 5) {

              //     val = value.substr(0, 5) + "...";

              //     return val;

              //   } else {

              //       return value;

              //     }

              // },

              // formatter: function (value) {

              //   return value.split("").join("\n"); // 换行显示

              // },

              formatter : function(params){

                var newName = ""

                var NameNumber = params.length

                var Number = 4

                var rowNumber = Math.ceil(NameNumber / Number)

                if (NameNumber > Number) {

                  for (var p = 0; p < rowNumber; p++) {

                    var tempStr = ""

                    var start = p * Number

                    var end = start + Number

                    if (p == rowNumber - 1) {

                        tempStr = params.substring(start, NameNumber);

                    } else {

                        tempStr = params.substring(start, end) + "\n"

                    }

                    newName += tempStr

                  }

                } else {

                  newName = params;

                }

                return newName

              },

            },

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值