D3折线图<path>属性的值无效

时间:2015-07-29 11:29:26

标签: javascript d3.js

所以我有以下js来创建我的linechart

            var data = scope.dataset;
        var margin = {top: 20, right: 20, bottom: 30, left: 50},
            width = 960 - margin.left - margin.right,
            height = 500 - margin.top - margin.bottom;

        var x = d3.time.scale()
            .range([0, width]);

        var y = d3.scale.linear()
            .range([height, 0]);

        var xAxis = d3.svg.axis()
            .scale(x)
            .orient("bottom");

        var yAxis = d3.svg.axis()
            .scale(y)
            .orient("left");

        var line = d3.svg.line()
            .x(function (d) {
                return x(d.label);
            })
            .y(function (d) {
                return y(d.value);
            });

        data.forEach(function (d) {
            d.label = d.label;
            d.value = d.value;
        });

        var svg = d3.select("#lbLineChart").append("svg")
            .attr("width", width + margin.left + margin.right)
            .attr("height", height + margin.top + margin.bottom)
            .append("g")
            .attr("transform", "translate(" + margin.left + "," + margin.top + ")");


        x.domain(d3.extent(data, function (d) {
            return d.label;
        }));
        y.domain(d3.extent(data, function (d) {
            return d.value;
        }));

        svg.append("g")
            .attr("class", "x axis")
            .attr("transform", "translate(0," + height + ")")
            .call(xAxis);

        svg.append("g")
            .attr("class", "y axis")
            .call(yAxis)
            .append("text")
            .attr("transform", "rotate(-90)")
            .attr("y", 6)
            .attr("dy", ".71em")
            .style("text-anchor", "end")
            .text("Price ($)");

        svg.append("path")
            .datum(data)
            .attr("class", "line")
            .attr("d", line);

数据是对象数组:{label: 'mylabel', value: 5}

Invalid value for <path> attribute

我不太确定我做错了什么?香港专业教育学院一次又一次检查变量,但无法找到错误的位置。

0 个答案:

没有答案