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 ...
随机推荐
- c# list批量添加 对象 到数据库的sql
public void AddList(List<ProModule.Model.pro_manifest_item> list) { Hashtable SQLStringList = ...
- 无线LoRa远传智能水表
无线远传智能水表是一款基于瑞萨芯片的水表,该水表具有电子计数.无线远传功能.欠费关阀等功能,无线水表具有的功能如下:无线通信采用SX1278的LoRa进行点对点通信,SX1278模块在通信中启用CAD ...
- 配置完php.ini中的扩展库后,重启apache出现错误1067
网上有很多解决办法,比如更改环境变量,重装apache等等,但没有一个是符合我的.最后发现只是犯了一个低级错误,因为是第一次配置php.ini中的扩展库,忘记配置扩展库的路径. 解决办法:需要先加上扩 ...
- am start的总结，-d参数的总结，以及python中传递内容包含中文及特殊字符&的解决方案
一.am start的内容的整理 主要包含以下内容:am start的常规操作及参数的含义,-d 参数的含义,以及如何在APK中设置参数获取 使用命令如下:adb shell am start -n ...
- makefile文件操作大全
Makefile的规则 -- 转自 :http://blog.csdn.net/ruglcc/article/details/7814546/ 在讲述这个Makefile之前,还是让我们先来粗略地看 ...
- crm作业知识点集合[一]
知识点1 1.当我们通过model建立一对多或者多对多的关系的时候,默认情况下,会关联所有的字段,如果我们使用djanog的forms的话,可以加一个属性,限制我这个字段只关联哪些字段,就是用下面的写 ...
- java 线程Thread 技术--1.5 Executor Executors,ThreadPool,Queue
Executors : Executors ,就是一个线程工具类:大部分操作线程的方法,都可以在这个工具类中就行创建,执行,调用一些线程的方法: Executor : 用于执行和提交一个runnabl ...
- Android Studio 增加按钮响应事件
在xml文件里增加android:onClick属性 比如: android:onClick=doanything 然后写响应方法 public void doanything(View v) { . ...
- go流程控制与函数
package main; import ( "fmt" ); func main() { isRun := true; //条件判断 if isRun { fmt.Printf( ...
- python 三元表达式、列表推导式、生成器表达式、递归、匿名函数、内置函数
http://www.cnblogs.com/linhaifeng/articles/7580830.html 三元表达式.列表推导式.生成器表达式.递归.匿名函数.内置函数