对于lineChart和historicalChart,NVD3 x轴标签未对齐

时间:2017-07-03 07:54:14

标签: d3.js charts nvd3.js linechart

这类似于报告的问题here

在这个工作example的示例中,我实现了折线图和历史图表。

chart.xAxis
    .showMaxMin(true)
    .tickFormat(function(d) { return d3.time.format('%b %d')(new Date(d)) })

除了x轴上的轴标记与行点或条形图不同步外,一切都按预期工作。

正如this issue中建议的解决方案所说,这是由于日期格式化,我尝试在new example格式化日期/时间。 但问题仍然存在。

chart.xAxis
    .showMaxMin(true)
    .tickFormat(function(d) { return d3.time.format('%b %d %Y')(new Date(d)) })

对我来说,它最初看起来是NVD3库的一个问题,因为相同的格式化对我检查的其他图表类型非常有效。因此我提出了一个问题here

1 个答案:

答案 0 :(得分:1)

您需要设置xScale。做ParseQuery<ParseObject> query = ParseQuery.getQuery(“GameScore"); query.fromLocalDatastore(); query.getInBackground("xWMyZ4YE", new GetCallback<ParseObject>() { public void done(ParseObject object, ParseException e) { if (e == null) { // object will be your game score } else { // something went wrong } } });