我正在尝试用d3做一个简单的情节.当我一次只绘制一行时它工作正常,但我想让我的代码更通用.
我的数据采用这种格式(请注意,2组数据可能不包含相同数量的点,而且我的2组测量值之间的时间不完全同步):
var data = [{key:"kmm03",value:[{"time":1364108443000,"mesure":"1.6299999952316284"},{"time":1364108503000,"mesure":"1.100000023841858"},{"time" :1364108563000,"mesure":"1.159999966621399"}},{key:"kmm04",值:[{"time":1364108416000,"mesure":"2.690000057220459"},{"time":1364108476000,"mesure": "3.319999933242798"},{ "时间":1364108536000 "MESURE": "3.140000104904175"},{ "时间":1364108596000 "MESURE": "2.9800000190734863"}}]
现在我试着像这样绘制它,但我不能让svg行显示:
var margin = {top: 20, right: 40, bottom: 20, left: 40};
var width = 780 - margin.left - margin.right,
height = 250 - margin.top - margin.bottom;
var time_scale = d3.time.scale()
//.domain(time_extent)
.domain([1364108443000, 1364112559000])
.range([0, width]);
var mesure_scale = d3.scale.linear()
.domain([0,10])
.range([height, 0]);
var vis = d3.select("#box1")
.append("svg:svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.attr("transform", "translate(" + margin.left + "," …Run Code Online (Sandbox Code Playgroud) d3.js ×1