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 ...
随机推荐
- Beef的使用
应用普遍转移到B/S架构,浏览器成为统一客户端程序 通过注入JS脚本,利用浏览器攻击其他网站 ruby编写 攻击手段 利用网站XSS漏洞实现攻击 诱使客户端访问含有hook的伪造站点 结合中间人攻击注 ...
- Ubantu和CentOS设置静态ip
Ubantu设置ip: 1.sudo vim /etc/NetworkManager/NetworkManager.conf 将false改成true 2.修改配置文件/etc/network/int ...
- 如何更改Oracle字符集避免乱码
转一位大神的笔记. 国内最常用的Oracle字符集ZHS16GBK(GBK 16-bit Simplified Chinese)能够支持繁体中文,并且按照2个字符长度存储一个汉字.UTF8字符集是多字 ...
- dubbo 实战
dubbo 官网:http://dubbo.apache.org/zh-cn/docs/user/quick-start.html dubbo-admin 下载 : https://github.co ...
- python使用函数作为参数
在实际使用中,我们有时希望将函数作为参数传递给另一个方法使用. 比如装饰器实际就是函数调用函数 举个例子,我想传递在调用方法之前打印一下时间: 使用函数当做入参 那就可以把方法名A当做入参传递 ...
- nohup top -p 22452 -b >>jiu.log &
解释一下: 1. nohup \$order & 后台执行 2. nohup \$order >>$file & 后台执行,并输入指定文件 3. top -p $num 使 ...
- word2vec详解与实战
有那么一句话 不懂word2vec,就别说自己是研究人工智能->机器学习->自然语言处理(NLP)->文本挖掘的 所以接下来我就从头至尾的详细讲解一下word2vec这个东西. 简要 ...
- Shell教程 之字符串
1.Shell字符串 字符串是shell编程中最常用最有用的数据类型(除了数字和字符串,也没啥其它类型好用了),字符串可以用单引号,也可以用双引号,也可以不用引号. 1.1 单引号 str='I am ...
- H5入门
1.基本骨架 <!DOCTYPE html> <html> <head><title>标题</title><meta charset= ...
- Jmeter OutofMemory Error
在给一个项目做稳定性测试中,也就是长时间运行jmeter,发现两个问题: 1,在聚合报告中,throuhtput随着时间的增加也减小,从80-50...很是迷惑. 2,在jmeter运行一段时间,大概 ...