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 ...
随机推荐
- linux启动jmeter（二十三），执行./jmeter.sh报错解决方法（转载）
转载自 http://www.cnblogs.com/yangxia-test 1.l-bash: ./jmeter.sh: Permission denied解决办法:jmeter.sh的执行权限改 ...
- day25 面向对象之多态和鸭子类型
1.封装方法 如何封装:给方法名称前面加上双下划线 # ATM 的取款功能 # 1.插入银行卡 2.输入密码 3.选择取款金额 4.取款 class ATM: def __insert_card(se ...
- elasticsearch ik安装
/usr/share/elasticsearch/bin/elasticsearch-plugin install https://github.com/medcl/elasticsearch-ana ...
- 用两个栈实现队列(python)
题目描述 用两个栈来实现一个队列,完成队列的Push和Pop操作. 队列中的元素为int类型. # -*- coding:utf-8 -*- class Solution: def __init__( ...
- linux同步机制2
一.并发控制(1)自旋锁得不到资源,会原地打转,直到获得资源为止定义自旋锁 spinlock_t spin;初始化自旋锁 spin_lock_init(lock);获得自旋锁spin_lock(loc ...
- [剑指Offer]40-最小的k个数
题目链接 https://www.nowcoder.com/practice/6a296eb82cf844ca8539b57c23e6e9bf?tpId=13&tqId=11182&t ...
- c#: 打开文件夹并选中文件
一.常规方法 给定一个文件路径,打开文件夹并定位到文件,通常所用shell命令为:explorer.exe /select,filepath. c#以进程启动之为: if (File.Exists(f ...
- Django的CBV的学习
之前我们在路由匹配的时候,一个url对应一个函数,其实我们还可以一个url对应一个类,这个就是CBV,下面我们来简单的介绍一下CBV 一.CBV的基本用法 1.在路由匹配中要这样写,class_log ...
- 4-java 格式化输出
java保留两位小数4种方法 import java.math.BigDecimal; import java.text.DecimalFormat; import java.text.NumberF ...
- Android Studio 检查Top Activity
public void CheckTop(String packagename,int casenum) { Context context = getBaseContext(); ActivityM ...