调试highcharts一误报bug过程

最新推荐文章于 2023-12-04 11:00:59 发布
最新推荐文章于 2023-12-04 11:00:59 发布
阅读量841 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： date report
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gbstack08/article/details/7350495
本文记录了一次关于YTD范围显示问题的排查过程，从最初接收到客户端反馈到逐步定位问题，发现其与系统日期设置有关，并最终解决了这个跨版本存在的bug。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天下午client提交了一个bug report, 说现在最新版本的YTD range不正确了, 而老版本的YTD range却正确, 我一看确实是

于是打开了本地最新的版本, 一点YTD, 有这个问题, 再往回走2个版本还是有这个问题, 再回了5个, 问题还有. 我就直接换成了cilent最后发来的一个版本(这client抵触version control..), 问题竟然还在, 最终换成了feb_2nd, bug仍在, 这bug有了得多长时间了才发现..

接着试着只把图表初始化和数据获取留下来, 其他的注释, highcharts.js也换成了没做修改的原版, 问题依旧.  突然想到这可能是highcharts的一个bug, 真是的话就麻烦了, 不管报上去还是还是自己解决都得不少时间.

但是他的老版本的却正确了, 我回去了几个版本都是错, 最后才发现数据不同. 想起来以前有过数据值引起的问题, 数据值为空导致值直接降为0, 然后又突升上去. 不过那个出问题的新版本数据很正常, 只有在YTD时才不显示数据(没显示任何数据), 最终发现了老版本数据的最新值是2012-3-12的, 正是昨天, 我想这YTD里的current date不是当前系统时间吧.

最后把系统时间改为2012-1-3, 然后再用YTD,发现From/To的To已经成了2012-1-3了..


一直以current date为图表里最新时间来调试的..

gbstack08
关注
综合一
刘群智的博客
07-27 4390
自我介绍 左固定右自适应布局 这是一个很常见的布局，当然也可以实现右侧自适应，左侧自适应。比如常见的网页中，左侧导航栏是固定的，右侧的内容区要自适应浏览器的大小。 现在我们来看下HTML布局： <div id="outer">   <div id="sidebar" style="height:240px;">固定宽度区</div>   <d
Java面试题整理
qq_41190170的博客
12-17 679
文章目录Java历史简述Java语言的特点 Java历史简述 1991 年Sun公司的James Gosling（詹姆斯•高斯林）等人开始开发名称为 Oak 的语言，希望专攻计算机在家电产品上的嵌入式应用（如电视机顶盒、面包烤箱、移动电话等)。 1995年将Oak语言更名为Java； 2009年，甲骨文公司宣布收购Sun公司。 Java语言的特点 面向对象（封装，继承，多态）； 平台无关性（ Java 虚拟机实现平台无关性，一次编译，到处运行）； 简单易学（与C语言的面向过程相比，Java的面向对象更接近
Highcharts使用中关于series超过11个的BUG
Paladin的专栏
12-31 2449
js脚本： $(function () { $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Stacked column chart' }, xAxis: {
highcharts 一个不容易注意到的细节问题
需要学习的，有很多。
02-25 635
当页面上使用highcharts时，需要引用几个js文件，这里时候需要注意引入文件的顺序，应当首先引入jqury-*-min.js,然后再引入highcharts.js和exporting.js文件，如果顺序错误的话，表格无法在页面显示出来。 正确顺序：
解决highchart滚动条的问题
往事随风的博客
08-21 5245
为何需要滚动条 配置方法 解决办法 参考资料为何需要滚动条x或y轴数据特别多时, 一个版面排不下配置方法 引入 highstock.js （而不是 highchart.js） 设置 scrollbar.enabled = true （表示启用滚动条） 设置 xAxis.max，表示可视区域最多展现多少个数据点 问题1 这样配置以后, 滚动条是有了, 但是存在个问题, 这个滚动条无论你数
【HighCharts】关于图例各项参数设置
yuan5025的博客
11-20 699
一个很棒的例子，插个眼 链接: HighCharts. 而且可以在线调试代码 链接: 在线调试代码.
Simulink仿真时报错Wrap on overflow detected.
weixin_42294159的博客
12-04 1577
模型设置（Ctrl+E）->诊断->数据有效性->溢出时绕回->设置为警告或者无。
word-wrap/overflow-wrap 设置或检索当“内容”超过指定容器的边界时是否断行
QUX轻博客
09-14 2694
word-wrap/overflow-wrap 设置或检索当“内容”超过指定容器的边界时是否断行。是由word-wrap演变而来，需要用其向后兼容。 nor...
关于matlab中定点数overflow的处理办法
weixin_30599769的博客
03-23 2026
定点数overflow的处理有两种办法：1，saturate，也就是说如果超过定点的最大值就取最大值，例如最大值是6结果是8，那么就取6；2，wrap，就是循环，如下图所示 转载于:https://www.cnblogs.com/lianjiehere/p/4360105.html...
opengl中wrap的翻译
hankern的专栏
12-01 380
翻译为“饱和” 在饱和情况下，如果值超出最大值则取最大值，如果小于最小值则取最小值 在不饱和情况下，如果值超出最大值则取最小值，如果值小于最小值则取最大值。 ...
Permutations without overflow：在计算排列组合时使用阶乘函数存在溢出问题，这两个函数都可以避免。-matlab开发
05-29
在计算 nPr = n!/(nr)! 时使用阶乘函数！ 或者在计算 nCr = n!/((nr)!*r!) 在 64 位机器上当 n>170 时有溢出问题。 这两个函数：Perm(n,r) 和 Comb(n,r) 避免了溢出问题。 nPr 定义为 Perm(n,r)，nCr 定义为 Comb(n,r)。 例子： 如果 n=171，则 factorial(n) = Inf 在 64 位机器上。 因此，P(171,15) 和 C(171,15) 都不能直接计算。 Perm(171,15) = 1.6611e33，和梳子（171,15）= 1.2703e21。 同样地， Perm(1000,49) = 3.0256e+146，和梳子(171,15) = 4.9740e+83。 这两个函数可用于预测利用二项式分布的伯努利实验的结果。
Matlab~fixed-point guide(1)
weixin_43538343的博客
12-05 2136
matlab支持定点计算，官方提供定点数转换工具箱，并在文档有详细教程，主要流程为：下面将按步骤一一详细描述：一般的，可以使用fixed-point designer fi对象创建数据。较常使用的为： 其中v为指定生成对象的值，s为有无符号，为1时表示有符号数，w为字长，f为小数长度。除此之外，fi对象还有： 第一个用法，指定对象数据类型和T一样；第二个指定一些属性值，包括溢出模式OverflowAction、舍入模式RoundingMode、乘法模式ProductMode、求和模式SumMode等
学会System Generator（14）不同溢出与量化方式的对比
FPGADesigner的博客
07-10 2917
本文是该系列的第14篇。第5篇中在介绍Gateway In block时谈到了System Generator中的数据类型，及不同的量化和溢出方式。本文将以两个简单的设计实例，更直观地说明不同的量化和溢出方式有什么区别。 溢出（Overflow）方式对比 从Simulink向System Generator的数据转换过程中可能会出现溢出（Simulink中的值超出了所设置数据格式能够表...
这句话有什么错误吗 改好多次没用
weixin_57852690的博客
04-10 100
df.write.mode("overwrite").format("jdbc").option("url","jdbc:mysql://hadoop102:3306/terminal").option("dbtable","city_data").option("user","root").option("password","0").save()
非常好用的在线编辑分析图 highchart
ycljf86
04-02 377
http://www.highcharts.com/demo/column-basic http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-basic/
overflow的几个坑
weixin_33938733的博客
07-04 1177
在android 4.0的原生浏览器上注意： html元素上不要加overflow: auto;的样式，否则会造成有些元素无法点击 在absolute元素上 不要加overflow: auto; 否则有时候input获得焦点时会出现两个input。 转载于:https://www.cnblogs.com/miaochw/p/3615535.html...
buffer overflow detected问题解决及gcc-4.1安装
jandroid
07-22 1237
报错：*** buffer overflow detected ***: 将ubuntu 9.04自带的gcc-4.3.2替换成gcc-4.1.0。 出现这个报错的背景很多，但根本是gcc版本过高或者过低，使用gcc-4.1即可解决这个问题。 gcc-4.1安装办法（转载自http://www.cnblogs.com/njucslzh/archive/2010/06/04/175...
overflow-wrap详解
热门推荐
hnyanzijun1的博客
04-09 1万+
overflow-wrap overflow-wrap属性在CSS文本中是比较常用的，本部将带你深入理解overflow-wrap属性的各个方面，包括它的语法、取值、作用和浏览器兼容性，最后附上overflow-wrap的实例，希望能够对你有所帮助。 overflow-wrap定义和用法 overflow-wrap: normal | break-word 默认值：normal 适用于：所有元素 继承性：有 动画性：否 计算值：指定值 相关属性：[ word-wrap ] || [ word-break
CSS word-wrap word-break 强制文本断行
@梢的博客
03-04 556
CSS word-wrap wod-break word-wrap 作用 css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 注： word-wrap 属性原本属于微软的一个私有属性，在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的 “别名”。 稳定的谷歌 Chrome 和 Opera 浏览器版本支持这种新语法。 与wo
highcharts 甘特图默认x轴只有一行
最新发布
03-15
### Highcharts甘特图 X 轴默认单行显示问题解决方案 在使用 Highcharts 的甘特图时，如果发现 X 轴仅显示一行标签而无法满足需求，则可以通过调整配置项来优化这一行为。以下是具体的解决方法： #### 配置 `xAxis` 属性 通过设置 `xAxis.labels.step` 和其他相关属性可以控制 X 轴标签的行为。例如，允许更多标签显示或者自定义旋转角度以便更好地适应布局。 ```javascript Highcharts.ganttChart('container', { xAxis: { labels: { step: 1, // 控制每隔多少个刻度显示一次标签，默认可能隐藏部分标签 rotation: -45 // 设置标签倾斜角度以节省空间 } }, series: [{ name: 'Project 1', data: [{ start: Date.UTC(2023, 9, 1), end: Date.UTC(2023, 9, 5), name: 'Task A' }, { start: Date.UTC(2023, 9, 6), end: Date.UTC(2023, 9, 8), name: 'Task B' }] }] }); ``` 上述代码片段中设置了 `step` 参数为 `1`，表示每个刻度都应显示对应的标签[^1]。同时，通过指定 `rotation` 值可以让标签沿一定角度排列，从而减少重叠的可能性。 #### 动态调整样式 除了静态配置外，还可以利用事件监听器动态修改 X 轴的表现形式。比如，在图表加载完成后重新渲染轴线上的文字内容。 ```javascript chart: { events: { load() { const chart = this; setTimeout(() => { // 模拟异步操作后的更新过程 chart.xAxis[0].update({ labels: { style: { fontSize: '10px' // 减小字体大小提高紧凑程度 } } }); }, 1000); } } } ``` 此段脚本展示了如何借助 `setTimeout()` 方法延迟执行某些逻辑，并最终调用 `update()` 来刷新目标组件的状态。 #### 探索替代工具 尽管 Highcharts 提供了强大的功能集用于构建复杂的甘特图，但在特定场景下仍可能存在局限性。此时不妨考虑引入其他第三方库作为补充选项。例如 AnyChart 或 Google Charts 等均具备良好的交互体验以及灵活定制能力[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值