我正在尝试使用 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 轴上的最小和最大刻度数?