小编gre*_*ton的帖子

多行d3

我正在尝试用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
推荐指数
1
解决办法
2213
查看次数

标签 统计

d3.js ×1