[英]d3js time format
我是d3的新手,很抱歉這個問題有一個明顯的答案。 我正在嘗試創建一個簡單的路徑,將輸入作為json文件之類的東西
var data = [{"date":"2012-10-22","debit":"150.00"},
{"date":"2012-10-29","debit":"1650.00"}, .....
然后我試着做一個秤
var x = d3.time.scale()
.domain(d3.extent(data, function(d) { return (d.date); }))
.range([0, w]);
d3.extend返回正確的值,但是當我將其輸入到行和路徑中時,會得到NaN。 以下是我的代碼
var margin = {top: 20, right: 50, bottom: 30, left: 50},
w = 600 - margin.left - margin.right,
h = 400 - margin.top - margin.bottom,
barPadding = 3,
var debitMax = d3.max(data, function (d) { return + d.debit;});
var x = d3.time.scale()
.domain(d3.extent(data, function(d) { return (d.date); }))
.range([0, w]);
var y = d3.scale.linear()
.domain([0, debitMax])
.range([h, 0]);
var valueline = d3.svg.line()
.x(function(d) { return x((d.date)); })
.y(function(d) { return y(d.debit); })
.interpolate("basis");
var svgContainer = d3.select("div").append("svg")
.attr("width", w + margin.left + margin.right)
.attr("height", h + margin.top + margin.bottom)
var debitPath = svgContainer
.append("path")
.attr("d", valueline(data));
這是我在螢火蟲上得到的
Error: Problem parsing d="MNaN,318.181818 ..........
謝謝
JSON中的日期實際上並不是Java語言可以通過明智的方式處理的-您需要將其解析為日期對象。 d3為此提供了各種功能(請參閱文檔 )。 就您而言,您需要
var parseDate = d3.time.format("%Y-%m-%d").parse;
...
.domain(d3.extent(data, function(d) { return parseDate(d.date); }))
...
.x(function(d) { return x(parseDate(d.date)); })
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.