echarts x轴增加滚动条

最近blog里面大家都问 x轴类目显示不全问题如何增加滚动条下面把我项目中用到的跟大家分享出来其中

dataZoom

的代码就是增加滚动条用到的

                                function (ec) {var myChart = ec.init(document.getElementById('line')); var option = {title : {text: '商品排名分析',subtext:'横向：商品名称， 纵向：金额'},tooltip: {show: true,trigger: 'axis'},legend: {data:['销售重量','订单金额']},toolbox: {show : true,feature : {mark : {show: true},dataView : {show: true, readOnly: false},magicType : {show: true, type: ['bar','line']},restore : {show: true},saveAsImage : {show: true}}},grid:{y2:150},xAxis : [{type : 'category',boundaryGap : true,data : proNameArr,axisLabel:{  interval:0 ,formatter:function(val){  return val.split("").join("\n");  }  }  }],yAxis : [{type : 'value'}],
<span style="color:#ff0000;">             <span style="color:#FF0000;">                   dataZoom : {show : true,realtime : true,start : 0,end : 100}</span>,</span>series : [{"name":"销售重量","type":"line","data":normWeightArr },{"name":"订单金额","type":"line","data":orderMoneyArr } ] };// 为echarts对象加载数据 myChart.setOption(option); }

这是效果

echarts x轴增加滚动条相关推荐

echarts柱状图上增加icon图标
echarts柱状图上增加icon图标效果图基于echarts5.3.2版本以下是option中的内容 getData(){let datas={ws:{jz:25,sz:30},fq:{jz: ...
echarts x轴文字个数太多_echarts x轴标签文字过多导致显示不全，最有效的3种解决方法...
echarts x轴标签文字过多导致显示不全,只是我之前在csdn发表过,经过实践,效果不错! 如图: 办法1:xAxis.axisLabel 属性 axisLabel的类型是object ,主要作用 ...
Echarts Y轴遮挡解决方案
Echarts Y轴遮挡解决方案背景:在做手机端的时候要实现图表展示,但是Echarts有个通病,就是对小屏幕的浏览器不太兼容,开始尝试设置绑定div的样式,加上padding :0发现不管用,用谷 ...
echart x轴倾斜,Echarts x轴字体倾斜
民谣太穷了,一听就是一根烟,一听就是一瓶酒.而我只有一根烟了,还要撑一夜,只剩一点爱了,还要过一生. 前端QQ群: 981668406 在此附上我的QQ: 2489757828 有问题的话可以一同探讨 ...
WrapPanel控件增加滚动条
WrapPanel容器控件可以实现内部控件的自动布局,但是在内部控件过多时,并不能出现滚动条来显示全部控件.因此我们需要为其增加滚动条功能. <WrapPanel Margin="0& ...
Echarts x轴字体倾斜
echarts x轴标签文字过多导致显示不全如图: 解决办法1:xAxis.axisLabel 属性 axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置.(当然yAxis ...
【echarts 中国地图增加南海九段线】
echarts 中国地图增加南海九段线最近在开发echarts 中国地图时,客户提出中国地图要完整,需要增加南海九段线. 这是个政治任务,但是echarts里面的文档没有关于南海诸岛九段线的相关配置 ...
echarts y轴刻度加单位
echarts y轴刻度加单位今天学习到的新知识,如何在echarts图表中给刻度加单位. 方法有很多,我用的是formatter来加单位的: yAxis: {min: 0,max: 60,type ...
ECharts X 轴标签过长导致文字重叠的 4 种解决方案
目录方法一:Echarts X 轴标签倾斜摆放方法二:Echarts X 轴限制每行字数,换行显示方法三:Echarts X 轴垂直竖显文字方法四:Echarts X 轴隔行显示使用 ...

echarts x轴增加滚动条

echarts x轴增加滚动条相关推荐

最新文章

热门文章

echarts x轴 增加滚动条

echarts x轴 增加滚动条相关推荐

最新文章

热门文章

echarts x轴增加滚动条

echarts x轴增加滚动条相关推荐