修改Echarts 图表的坐标轴的文本的排列位置

Posted sdlzspl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改Echarts 图表的坐标轴的文本的排列位置相关的知识,希望对你有一定的参考价值。

option.xAxis.axisLabel[‘interval‘] = 0

  option.xAxis.axisLabel[‘formatter‘] = function(value,index){

      var ret  = " " ;

      if(index%2==1){

        ret +=" " ;

        ret +=value ;

        return  ret ;

        }else {

        return value ;

      }  

   }

//这样座标轴的刻度标签可以上下错位展示

 

 

前端使用json  对象对数组对象去重,在JS代码中,类似Map对象,不存在重复key,就可以过滤重复值

var   arr = [],

var json = {},

  for(var i=0;i<arr.length;i++){

    json[arr[i]] = arr[i];

  }

var  narr = [] ;

for (var k  in json ){

  narr.push(k);

}

以上是关于修改Echarts 图表的坐标轴的文本的排列位置的主要内容,如果未能解决你的问题,请参考以下文章

Echarts如何在坐标轴上移动数据?

求助大神,怎么去掉echarts中y轴,但是保留y轴坐标值和网格线

EChart 标题 title 样式,x轴y轴坐标显示,调整图表位置等

echarts如何获取y轴刻度的最大值

Echarts tooltip 坐标值修改

Echarts x轴文本内容太长的几种解决方案