首先，对标题感到抱歉。
我正在尝试实现类似的目标: https://bl.ocks.org/mbostock/4063318 我真的很接近，我唯一无法得到的是几个月的路径。
我正在使用该页面的开源代码以及我对此的变体 https://github.com/Teamie/calendar-heatmap/blob/master/src/calendar-heatmap.js
目前我非常接近，但这就是结果:
这张照片上的日期范围是 2016 年 8 月 15 日 - 2017 年 8 月 15 日，但它开始的路径好像是 2015 年 8 月 1 日 - 2017 年 8 月 19 日。所以发生的是一个月周围的路径实际上将围绕后半个月一个月和另一个的上半年。它在某处获取了错误的数据，我无法弄清楚。
这是我的路线本身的代码:
/*
*
* REFERENCE
*
* M = moveto
* H = horizontal lineto
* V = vertical lineto
* Z = closepath
*
*/
// https://bl.ocks.org/mbostock/4063318 MAGIC
function monthPath(t0) {
//What the hell is a t0 anyways?
console.log(counter + " " + t0);
let cellSize = SQUARE_LENGTH + SQUARE_PADDING;
let t1 = new Date(t0.getFullYear(), t0.getMonth() + 1, 0),
d0 = t0.getDay(), w0 = d3.timeWeek.count(d3.timeYear(t0), t0),
d1 = t1.getDay(), w1 = d3.timeWeek.count(d3.timeYear(t1), t1);
let voodoo = 'M' + (w0 + 1) * cellSize + ',' + d0 * cellSize +
'H' + w0 * cellSize + 'V' + 7 * cellSize +
'H' + w1 * cellSize + 'V' + (d1 + 1) * cellSize +
'H' + (w1 + 1) * cellSize + 'V' + 0 +
'H' + (w0 + 1) * cellSize + 'Z';
console.log(voodoo);
return voodoo;
/*
* TRANSLATION OF VOODOO
*
* voodoo = startat boundaries of w0, d0.
* move horizontally over one cell
* move vertically 7 cells
* move horizontally to the boundaries of w1 + one cell
* move vertically to the boundaries of (d1 + one) + one cell
* move horizontally to the boundaries of (w1 + one) + one cell
* move vertically 0 pixels??
* hove horizontally to (w0 +1) + one cell
* close the path
*/
}
}
以及我调用函数的代码:
// month border
let first = dateRange[0];
let last = dateRange[dateRange.length - 1];
let tempRange = [];
tempRange.push(first);
for(let i = 1; i < 13; i++) {
tempRange.push(new Date(first.getFullYear(), first.getMonth() + i, 1));
}
tempRange.push(dateRange[dateRange.length - 1]);
console.log(tempRange);
svg.append('g')
.attr('transform', 'translate(-1,' + (MONTH_LABEL_PADDING - 1) + ')')
.selectAll('.monthpath')
.data(d3.timeMonths(new Date(first.getFullYear(), first.getMonth(), first.getDay()), new Date(last.getFullYear(), last.getMonth(), last.getDay())))
//.data(tempRange)
//NOTE: I have tried both .data() attempts with the same result for each
.enter().append('path')
.attr('class', 'monthpath')
.attr('d', monthPath);
非常感谢任何帮助。
编辑:没有注意到 3 月/4 月左右发生的怪异情况，但也不知道那里发生了什么。
最佳答案
Mike Bostock 代码在每一行中绘制从一月到十二月的月份路径，而不是您想要的从八月到七月的路径。
您在 4 月看到的“怪异”是两个 8 月的重叠。
在 monthPath 函数中，路径的起点部分由一年中的第几天决定 (d0 = t0.getDay())。您需要对此进行抵消，以说明将月份从 1 月至 12 月转移到 8 月至 7 月
关于javascript - Month Path 只计算月份，不计算实际日期范围，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45701471/
给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru
这里是Ruby新手。完成一些练习后碰壁了。练习:计算一系列成绩的字母等级创建一个方法get_grade来接受测试分数数组。数组中的每个分数应介于0和100之间，其中100是最大分数。计算平均分并将字母等级作为字符串返回，即“A”、“B”、“C”、“D”、“E”或“F”。我一直返回错误:avg.rb:1:syntaxerror,unexpectedtLBRACK,expecting')'defget_grade([100,90,80])^avg.rb:1:syntaxerror,unexpected')',expecting$end这是我目前所拥有的。我想坚持使用下面的方法或.join，
我想设置一个默认日期，例如实际日期，我该如何设置？还有如何在组合框中设置默认值顺便问一下，date_field_tag和date_field之间有什么区别？ 最佳答案 试试这个:将默认日期作为第二个参数传递。youcorrectlysetthedefaultvalueofcomboboxasshowninyourquestion. 关于ruby-on-rails-date_field_tag，如何设置默认日期？[rails上的ruby]，我们在StackOverflow上找到一个类似的问
请帮助我理解范围运算符...和..之间的区别，作为Ruby中使用的“触发器”。这是PragmaticProgrammersguidetoRuby中的一个示例:a=(11..20).collect{|i|(i%4==0)..(i%3==0)?i:nil}返回:[nil,12,nil,nil,nil,16,17,18,nil,20]还有:a=(11..20).collect{|i|(i%4==0)...(i%3==0)?i:nil}返回:[nil,12,13,14,15,16,17,18,nil,20] 最佳答案 触发器(又名f/f)是
我正在尝试从Postgresql表(table1)中获取数据，该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中，我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤，而不是严格相等。然而，这是行不通的:scope:my_scope,->(que
我需要检查DateTime是否采用有效的ISO8601格式。喜欢:#iso8601?我检查了ruby是否有特定方法，但没有找到。目前我正在使用date.iso8601==date来检查这个。有什么好的方法吗？编辑解释我的环境，并改变问题的范围。因此，我的项目将使用jsapiFullCalendar，这就是我需要iso8601字符串格式的原因。我想知道更好或正确的方法是什么，以正确的格式将日期保存在数据库中，或者让ActiveRecord完成它们的工作并在我需要时间信息时对其进行操作。 最佳答案 我不太明白你的问题。我假设您想检查
我的日期格式如下:"%d-%m-%Y"(例如，今天的日期为07-09-2015)，我想看看是不是在过去的七天内。谁能推荐一种方法？ 最佳答案 你可以这样做:require"date"Date.today-7 关于ruby-检查日期是否在过去7天内，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/32438063/
我刚刚被困在这个问题上一段时间了。以这个基地为例:moduleTopclassTestendmoduleFooendend稍后，我可以通过这样做在Foo中定义扩展Test的类:moduleTopmoduleFooclassSomeTest但是，如果我尝试通过使用::指定模块来最小化缩进:moduleTop::FooclassFailure这失败了:NameError:uninitializedconstantTop::Foo::Test这是一个错误，还是仅仅是Ruby解析变量名的方式的逻辑结果？ 最佳答案 Isthisabug,or
这个问题在这里已经有了答案:Railsformattingdate(4个答案)关闭4年前。我想格式化Time.Now函数以显示YYYY-MM-DDHH:MM:SS而不是:“2018-03-0909:47:19+0000”该函数需要放在时间中.现在功能。require‘roo’require‘roo-xls’require‘byebug’file_name=ARGV.first||“Template.xlsx”excel_file=Roo::Spreadsheet.open(“./#{file_name}“,extension::xlsx)xml=Nokogiri::XML::Build
我正在尝试解析一个CSV文件并使用SQL命令自动为其创建一个表。CSV中的第一行给出了列标题。但我需要推断每个列的类型。Ruby中是否有任何函数可以找到每个字段中内容的类型。例如，CSV行:"12012","Test","1233.22","12:21:22","10/10/2009"应该产生像这样的类型['integer','string','float','time','date']谢谢! 最佳答案 require'time'defto_something(str)if(num=Integer(str)rescueFloat(s