个人中心
gpt4 book ai didi

javascript - 为什么 d3 日期轴在 Firefox 中对于某些特定日期域失败？

转载 作者：太空宇宙 更新时间：2023-11-04 16:31:44 24 4
gpt4 key购买 nike

我使用的是 Windows 10、Chrome 53.0.2785.116 m(64 位)、Firefox 49.0.1 和 d3 v. 4.2.6。下面的代码在 Chrome 中运行良好:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.js"></script>
</head>
<body>
<div id="chart"></div>
<script type="text/javascript">
var dates = ["2015-10-11","2015-10-14","2015-10-15","2015-10-16","2015-10-19"];
var w = 600;
var parseDate = d3.timeParse("%Y-%m-%d");
dates.forEach(function(d,i) {dates[i]=parseDate(d)});
console.log(dates);
var svg = d3.select("#chart").append("svg").attr("width", w);
var x = d3.scaleTime().range([0, 500]).domain(d3.extent(dates, function(d) { return d; }));
var xAxis = d3.axisBottom(x);
svg.append("g").attr("transform", "translate(50,50)").call(xAxis);
</script>        
</body>
</html>

但在 Firefox 中失败，并在控制台中留下此消息:

Error: Script terminated by timeout at:
newInterval/interval.range@d3.v4.js:5094:8
calendar/scale.ticks@d3.v4.js:7018:13
axis@d3.v4.js:8888:54
selection_call@d3.v4.js:7615:3
@file:///C:/test/test.html:18:1

此外，如果我将第一个日期更改为“2015-10-12”，那么它将在两种浏览器中工作。我在 d3.v4.js 中的这些行中查找了一些答案，但没有结果。我不是 javascript 黑带，所以我可能错过了一些东西。我也在互联网上搜索过，但没有找到对这种奇怪行为的解释。有人有任何线索吗？

编辑:在运行 Ubuntu 16.04 的虚拟机中测试并获得完全相同的结果。在 Chrome 中工作正常，但在 Ubuntu canonical 1.0 的 Mozilla Firefox 中脚本因超时错误而终止。

最佳答案

感谢 d3 的 Mike Bostock 以及他使用 d3.utcParse 和 d3.scaleUtc 的建议，现在 Firefox 可以按预期工作了!

关于javascript - 为什么 d3 日期轴在 Firefox 中对于某些特定日期域失败？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39738671/

24 4 0
文章推荐： css - 在 div 背景中拉伸(stretch)图像
文章推荐： javascript - onchange 和 addEventListener 有何不同？
文章推荐： c++ - 无法将参数 1 从 'char *' 转换为 'uint8_t *'
文章推荐： asp.net - 在 asp.net 中根据设备应用不同的 css？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com