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 ...
随机推荐
- numpy--深度学习中的线代基础
参考自 微信公众号--深度学习世界(http://mp.weixin.qq.com/s?__biz=MzI4MDMwMDM3NA==&mid=2247484616&idx=1& ...
- Android笔记：OptionsMenu
使用菜单选项OptionsMenu,需要进行以下操作:(1)重写onCreateOptionsMenu方法: public boolean onCreateOptionsMenu(Menu menu) ...
- UA判断跳转
<script type="text/javascript"> UA = navigator.userAgent.toLowerCase(); url = window ...
- 枚举+最短路 poj1062
这里有个非常坑的地方,还有比酋长地位还更高的人,我也是看了论坛才知道... 在这里我把编号1看成终点,优惠价格看成相应的替代品编号到可替代品编号的权值,比如说有了2再加8000就到了1,那么2到1的弧 ...
- Flask之before_request、after_request
1.@app.before_request在请求(request)|在视图函数 之前做出响应 解决所有问题 from flask import Flask from flask import re ...
- WLC5520无法通过无线客户端进行网管故障解决
客户反馈其办公环境中的WLC5520网管需要通过内部有线网络进行管理,通过无线客户端无法进行管理,远程协助其开启WLC5520的无线管理功能后故障解决.
- Balanced Numbers (数位DP)
Balanced Numbers https://vjudge.net/contest/287810#problem/K Balanced numbers have been used by math ...
- vue 调用第三方接口配置
1.配置proxyTable 3.调用接口,将接口地址替换为配置的‘/api’
- ubuntu下安装mysql及常用操作
1.可通过ps -ef | grep mysql命令查看系统中是否有安装mysql 如果出现类似上述的页面,就证明是已经安装过了mysql,否则就是没有. 2.安装mysql 很简单,只需要键入如下命 ...
- iOS 打包方式
https://www.cnblogs.com/wengzilin/p/4601684.html