echarts中当横轴的数据过多的时候，可以在横轴加一个滚动条，还可以设置横轴一次显示多少个数据

echarts中当横轴的数据过多的时候，显得非常拥挤，可以在横轴加一个滚动条

下载echarts之后，导入echarts中的dataZoom

直接在series后面添加

dataZoom: [{show: true,height: 5,xAxisIndex: [0],bottom: 20,showDetail: false,showDataShadow: false,borderColor: "transparent",textStyle: {fontSize: 0},endValue: 4,//从0开始的相当于5个backgroundColor: "rgba(0,0,0,0)",borderWidth: 0,handleIcon:"path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z",handleSize: "0%",handleStyle: {color: "#d3dee5"}}]

效果图如下：

echarts中当横轴的数据过多的时候，可以在横轴加一个滚动条，还可以设置横轴一次显示多少个数据相关推荐

java怎么给文本框加滚动条_懂Java中Swing的朋友，谁能帮我在Jtextare上加一个滚动条啊？很急！...
懂Java中Swing的朋友,谁能帮我在Jtextare上加一个滚动条啊?很急! 关注:147 答案:2 信息版本:手机版电脑版解决时间 2021-01-13 13:01 提问者当我没来过 2 ...
1211笔记关于//modal//更改窗口的根控制器//数据存取//Plist属性列表//-“沙盒机制”//plis属性列表//偏好设置//归档普通对象//联系人数据存储//协议与回调函数...
笔记的完整版pdf文档下载地址:https://www.evernote.com/shard/s227/sh/aba2aa01-4d96-429d-9bbd-2f285c7c0c79/65772262 ...
Echarts 问题解决 —— 图表数据过多导致浏览器卡顿、y轴数据添加单位、带圆角及柱状背景的柱状图、legned 图例超出部分显示省略号、柱状图 / 拓扑图（气泡图）渐变色效果
目录 1.图表数据过多导致浏览器卡顿 2.Y轴数据添加单位 3.带圆角及柱状背景的柱状图 4.legned 图例超出部分显示省略号 5.柱状图 / 拓扑图(气泡图)渐变色效果 1.图表数据过多导致浏览 ...
echarts中月份数据缺少怎么补齐呢？
在写echarts图表的折线图是时发现后端给的数据有点问题在这里插入代码片 [ {date:"2021-10", num:"2" },{date:" ...
用echarts 中的地图来显示区域分布情况(vue),包括地理数据来源生成的制作注意事项
由于国家测绘部门的一些相关法律规定,现在版本的ecahrts 中的地图资源已经不能制作和直接使用,只能通过自己注册地图regiseterMap(name,json),来实现地图的区域,这些数据,学GI ...
echarts中markline设置后，前端其他数据都显示了，就是不显示markline，请求赐教
Echarts菜鸟,刚刚开始学习,请问echarts中markline设置后,前端其他数据都显示了,就是不显示markline,就是不显示警戒线!!!!请求大神赐教 option5 = { toolt ...
echarts中饼图的异步数据加载绘制
ECharts 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行,但是从后台异步获取数据后,需要在前台 ...
ECharts图标数据过多添加滚动条
ECharts图标数据过多添加滚动条以echarts柱状图滚动条为示例,步骤如下: 1.存入数据加入滚动条显示判断 var data = []; //这里存入数据判断使用var scrollBa ...
element-ui中el-select下拉框数据过多，用pinyin-match实现拼音、首字母、汉字等模糊搜索
人狠话不多,上图! pinyin-match库也是项目需要,由于下拉框的数据过多,使用人员不好选择,就做个拼音,大小写字母以及汉字的模糊搜索,结果就找到来这个 pinyin-match库,能够使用拼 ...

echarts中当横轴的数据过多的时候，可以在横轴加一个滚动条，还可以设置横轴一次显示多少个数据

echarts中当横轴的数据过多的时候，显得非常拥挤，可以在横轴加一个滚动条

直接在series后面添加

效果图如下：

echarts中当横轴的数据过多的时候，可以在横轴加一个滚动条，还可以设置横轴一次显示多少个数据相关推荐

最新文章

热门文章