echarts x轴y轴,显示问题

1. X轴,文字过长,显示不全的问题。

xAxis:{

      axisLabel: {

         interval: 0,

        rotate: 20,//x轴数据倾斜角度

          }

     }

2. Y轴,数字过长,显示不全。

   yAxis:{

    axisLabel: {

        margin: 2,//修改外边距,

       textStyle: {

           color: "#fff",

           fontSize: 12

        },

       formatter: function(value, index) {

          //转换数值,当数值过大时,加上万,千万

               if (value >= 10000 && value < 10000000) {

                         value = value / 10000 + "万";

                } else if (value >= 10000000) {

                          value = value / 10000000 + "千万";

                 }

             return value;

          }

     }

3. X轴数据过多,展示拥挤

dataZoom: [

{

     type: "slider",// 缩放数据,inside或silder

    xAxisIndex: 0,

    filterMode: "empty",

    start: 0,//缩放的区域,0-100之间

    end: 50

 }

],

结果:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值