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

 }

],

结果:

你可能感兴趣的:(js,echarts)