echart 3 数据密集时，断点不显示问题
如上图最开始标识的两点是不显示的，配置处理代码如下（series中配置symbolSize: 1,showAllSymbol: true）：
myChart.showLoading();
$.get('data/asset/data/confidence-band.json', function (data) {
myChart.hideLoading(); var base = -data.reduce(function (min, val) {
return Math.floor(Math.min(min, val.l));
}, Infinity);
myChart.setOption(option =
{
"title": {
"codedata": "ERAB.NbrSuccEstab/ERAB.NbrAttEstab",
"x": "left",
"y": -10,
"subtextStyle": {
"fontSize": 12,
"color": "#CAC5D4"
}
},
"tooltip": {
"trigger": "axis"
},
"grid": {
"top": "72px",
"bottom": "32px"
},
"legend": {
"data": [
"32UE_OFFICE(192.168.3.111)"
]
},
"xAxis": [
{
"type": "category",
"boundaryGap": true,
"data": [
"2017-10-12 00:00:00",
"2017-10-12 00:15:00",
"2017-10-12 00:30:00",
"2017-10-12 00:45:00",
"2017-10-12 01:00:00",
"2017-10-12 01:15:00",
"2017-10-12 01:30:00",
"2017-10-12 01:45:00",
"2017-10-12 02:00:00",
"2017-10-12 02:15:00",
"2017-10-12 02:30:00",
"2017-10-12 02:45:00",
"2017-10-12 03:00:00",
"2017-10-12 03:15:00",
"2017-10-12 03:30:00",
"2017-10-12 03:45:00",
"2017-10-12 04:00:00",
"2017-10-12 04:15:00",
"2017-10-12 04:30:00",
"2017-10-12 04:45:00",
"2017-10-12 05:00:00",
"2017-10-12 05:15:00",
"2017-10-12 05:30:00",
"2017-10-12 05:45:00",
"2017-10-12 06:00:00",
"2017-10-12 06:15:00",
"2017-10-12 06:30:00",
"2017-10-12 06:45:00",
"2017-10-12 07:00:00",
"2017-10-12 07:15:00",
"2017-10-12 07:30:00",
"2017-10-12 07:45:00",
"2017-10-12 08:00:00",
"2017-10-12 08:15:00",
"2017-10-12 08:30:00",
"2017-10-12 08:45:00",
"2017-10-12 09:00:00",
"2017-10-12 09:15:00",
"2017-10-12 09:30:00",
"2017-10-12 09:45:00",
"2017-10-12 10:00:00",
"2017-10-12 10:15:00",
"2017-10-12 10:30:00",
"2017-10-12 10:45:00",
"2017-10-12 11:00:00",
"2017-10-12 11:15:00",
"2017-10-12 11:30:00",
"2017-10-12 11:45:00",
"2017-10-12 12:00:00",
"2017-10-12 12:15:00",
"2017-10-12 12:30:00",
"2017-10-12 12:45:00",
"2017-10-12 13:00:00",
"2017-10-12 13:15:00",
"2017-10-12 13:30:00",
"2017-10-12 13:45:00",
"2017-10-12 14:00:00",
"2017-10-12 14:15:00",
"2017-10-12 14:30:00",
"2017-10-12 14:45:00",
"2017-10-12 15:00:00",
"2017-10-12 15:15:00",
"2017-10-12 15:30:00",
"2017-10-12 15:45:00",
"2017-10-12 16:00:00",
"2017-10-12 16:15:00",
"2017-10-12 16:30:00",
"2017-10-12 16:45:00",
"2017-10-12 17:00:00",
"2017-10-12 17:15:00",
"2017-10-12 17:30:00",
"2017-10-12 17:45:00",
"2017-10-12 18:00:00",
"2017-10-12 18:15:00",
"2017-10-12 18:30:00",
"2017-10-12 18:45:00",
"2017-10-12 19:00:00",
"2017-10-12 19:15:00",
"2017-10-12 19:30:00",
"2017-10-12 19:45:00",
"2017-10-12 20:00:00",
"2017-10-12 20:15:00",
"2017-10-12 20:30:00",
"2017-10-12 20:45:00",
"2017-10-12 21:00:00",
"2017-10-12 21:15:00",
"2017-10-12 21:30:00",
"2017-10-12 21:45:00",
"2017-10-12 22:00:00",
"2017-10-12 22:15:00",
"2017-10-12 22:30:00",
"2017-10-12 22:45:00",
"2017-10-12 23:00:00",
"2017-10-12 23:15:00",
"2017-10-12 23:30:00",
"2017-10-12 23:45:00",
"2017-10-13 00:00:00"
],
"splitLine": {
"show": false
},
"name": "Hour"
}
],
"yAxis": [
{
"name": "(%)",
"type": "value",
"axisLabel": {
"formatter": "{value}"
},
"min": 0
}
],
"series": [
{
"name": "32UE_OFFICE(192.168.3.111)",
"type": "line",
symbolSize: 1,
showAllSymbol: true,
"data": [
null,
"",
"",
"",
"",
"",
"",
90,
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
70,
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
100,
100,
100,
"",
"",
"",
"",
"",
"",
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
]
}
]
}
);
});
echart 3 数据密集时，断点不显示问题的更多相关文章
- jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示
1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实 ...
- layui问题之渲染数据表格时，只显示10条数据
通过ajax请求的数据,console.log()有30条数据,实际上只显示10条, 原因是没有设置limit table.render({ elem: '#report-collection' , ...
- [nodejs,expressjs,angularjs2] LOL英雄列表数据抓取及查询显示应用
新手练习,尝试使用angularjs2 [angularjs2 数据绑定,监听数据变化自动修改相应dom值,非常方便好用,但与传统js(jquery)的使用方法会很不同,Dom操作也不太习惯] 应用效 ...
- Android动画之仿美团加载数据等待时，小人奔跑进度动画对话框（附顺丰快递员奔跑效果）
Android动画之仿美团加载数据等待时,小人奔跑进度动画对话框(附顺丰快递员奔跑效果) 首句依然是那句老话,你懂得! finddreams :(http://blog.csdn.net/finddr ...
- Excel在数据表中悬停鼠标显示数据值
打开一个实例文档,鼠标移动到数据表中,在柱状图上中悬停鼠标,可以看到没有显示数据的值. 鼠标单击左上角的<文件>按钮. 然后单击<选项>按钮. 在弹出的excel选项对话框中单 ...
- 大数据量时Mysql的优化
(转自网络) 如今随着互联网的发展,数据的量级也是撑指数的增长,从GB到TB到PB.对数据的各种操作也是愈加的困难,传统的关系性数据库已经无法满足快速查询与插入数据的需求.这个时候NoSQL的出现暂时 ...
- Python 修改在使用ddt时测试报告默认显示用例名称与预期不符
正常在不使用ddt时,在方法下添加注释,即可作为用例描述("""用例描述""") @BeautifulReport.add_test_img ...
- echarts折线图，数据切换时（最近七天）绘图不合理现象
echarts折线图,当进行数据切换时存在绘制不合理的问题,数据没错,但绘制不对. 两个0之间的连线应该是平滑直线,如图: 正确的显示: 解决: 在myCharts.setOption(option) ...
- SpringMVC数据校验并通过国际化显示错误信息
目录 SpringMVC数据校验并通过国际化显示错误信息 SpringMVC数据校验 在页面中显示错误信息 通过国际化显示错误信息 SpringMVC数据校验并通过国际化显示错误信息 SpringMV ...
随机推荐
- yml和properties配置文件区别
我们可以观察到的格式就是yml文件是梯级呈现的,我们应该注意一下几个方面: 1>在properties文件里面的 “ .” 连接在yml文件里面全部换成 ":" 进行连接, ...
- 《java与模式》阅读笔记01
这次我读了前两章的内容,就如书名所言,这本书主要将的就是java中的模式,在书中的序言就把所有的模式都介绍了一下,主要有, 1.创建模式:简单工厂模式,工厂方法模式,抽象工厂模式,建造模式 2.行为模 ...
- msf客户端渗透（三）：提权、图形化payload
对普通权限session提权 生成一个木马 开启Apache服务 将木马上传网页 被攻击者从这个网页上获取到这个木马 攻击者开启msf侦听 当被攻击者双击这个木马文件时 攻击者就获取到一个sessio ...
- smtp扫描
nc扫描 nc -nv ip号 25 nmap扫描
- jms学习笔记
https://www.cnblogs.com/zhuxiaojie/p/5564187.html //创建一个session //第一个参数:是否支持事务,如果为true,则会忽略第二个参数,被jm ...
- Appium1.6，安装WebDriverAgent（WDA）
前提说明:Appium1.6通过WebDriverAgent来操作iOS,所以需要在Appium下安装一份WebDriverAgent,并且将程序安装到iOS真机上 (如果是模拟器不需要这步骤) ...
- android 区分wifi是5G还是2.4G(转)
http://bbs.csdn.net/topics/391033966?page=1 我一开始看这帖子,找不到答案,为了后来的人,我来回复吧.WifiManager wifiManager = (W ...
- python--第四天总结
lambda表达式 处理简单函数自动返回 学习条件运算时,对于简单的 if else 语句,可以使用三元运算来表示,即: # 普通条件语句 if 1 == 1: name = 'wupeiqi' el ...
- jenkins搭建自动化部署平台（svn+tomcat重启）
原文链接:http://blog.csdn.net/zjs40/article/details/51818322 jenkins 自动化部署和集成代码的平台 可以将Git svn 上的代码 check ...
- OpenVPN 2.2.1 之后期维护
一.Openvpn 用户注销 每个公司都会用员工离职,因此注销vpn用户也就成了运维人员日常工作的一部分. 其实Openvpn在设计的时候也想到了这点,我们可以使用 revoke-full shell ...