0

我正在尝试使用 nvd3.js 获取 lineChart() 我正在获取 JSON 格式的数据,这是 JSON 数据的图像 在此处输入图像描述

现在来表示 nvd3 轴上的数据,这里是函数

    function getData(transport) {
    var arr = [];

    for (var i = 0; i < transport.length; i++) {
       arr.push({
            x: Date.parse(new Date(transport[i].timePeriod).addHours(7)),
            y: transport[i].number
        });
   }
    return arr;
}

这是绘制图形的其余代码。

function customersData(transport) {

    return [
                  {
                      key: "Active Customers",
                      values: getData(transport),
                      color: "#ff7f0e"
                  }
    ];
}

function drawGraphForMonth(transport) {
    var chart;
    chart = nv.models.lineChart()
        .x(function (d) {
            return d.x;
        })
        .y(function (d) {
            return d.y;
        });

    chart.xAxis
        .tickFormat(function(d) { return d3.time.format("%b-%Y")(new Date(d)); });
        //.tickSize(6, 3, 0);

    chart.yAxis
        .tickFormat(d3.format(',g'));

    d3.select('#chart1 svg')
        .datum(customersData(transport))
        .call(chart);

    nv.utils.windowResize(chart.update);
    chart.dispatch.on('stateChange', function (e) { nv.log('New State:', JSON.stringify(e)); });

    return chart;
}

我面临的问题是,它正在跳过三月。当我调试时..我意识到 3 月 1 日是 2 月 28 日,而在本月剩下的时间里,它正在返回正确的日期。

有什么帮助吗?

另一个问题是,如何定义 x 轴上的最小和最大刻度数?

4

0 回答 0