相关疑难解决方法(0)

在d3 js中仅在x轴上表示年份的比例

我一直在D3 J中开发年份(x轴)与收入(y轴)的面积图.数据如下:

localData=[
        {"Revenue":"4.5","Year":"2011"},
        {"Revenue":"5.5","Year":"2010"},
        {"Revenue":"7.0","Year":"2012"},
        {"Revenue":"6.5","Year":"2013"}
       ]
Run Code Online (Sandbox Code Playgroud)

我想要x轴的年份和y轴的收入作为面积图.目前我正在使用x轴的时间刻度,但我不知道如何使用它,因为我没有日期格式我只有几年代表.

我的当前代码是:

 var margin = { top: 20, right: 20, bottom: 30, left: 50 },
                width = 500 - margin.left - margin.right,
                height = 300 - margin.top - margin.bottom;
            var parseDate = d3.time.format("%Y").parse;

            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 area = d3.svg.area()
                .x(function (d) { return x(d.Year); })
                .y0(height)
                .y1(function (d) { return …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js

6
推荐指数
1
解决办法
4612
查看次数

标签 统计

d3.js ×1

javascript ×1