echart 轴数据倾斜_echarts 柱状图 X（Y）轴数据过多时，滑动以及内置缩放的问题...

前言：在开发中碰到的情况(菜鸟出门)。

在使用echarts 图表的时候发现要展示的数据过多，但是系统留的展示框太小，造成数据都挤压在一块(不好看而且新感觉很不专业)。

在网上找了下发现写的都很乱，就自己整理下。

-------------------------------------------------------------------------------------------------------------------

注： 自己调试的时候发现两种使用的情况，可以根据做自己的需求来

一 . 在数据不是太多，并且要全部展示的情况下

上图：

代码：

yAxis: {

type: 'category',

data: ['张小勇1','李思思2','张明明3'],

axisLabel:{

//数据全部展示

interval:0,

//45度角倾斜

rotate:45,

},

},

这种情况就是改变要展示数据的倾斜角度(在Y不明细，在X上很适用)，如果要展示全部数据的话很好用

二 . 在数据过多，要加滑动的情况

上图：

代码：Y滑动框

// Y滑动框

dataZoom: [

//Y轴滑动条

{

type: 'slider', //滑动条

show: true, //开启

y