NVD3圖表部分缺少網格線

在my chart here中，如果您可以注意到，前4天和最後4天缺少網格線。NVD3圖表部分缺少網格線

我試着這樣做：

.ticks(data[0].length)

，但它沒有幫助。

我錯過了什麼？

jsFiddle

來源

2014-07-02 Rahul Desai

問題是與圖表的寬度。當圖表調整大小時，它會自動調整「tick」。 NVD3 multiBarChart有一個名爲'reduceXTicks'的方法來處理這個問題，不幸的是沒有使用lineChart。 – shabeer90

@ shabeer90謝謝！如果我將寬度增加到'4800px'，我可以看到完整的網格。是否有任何黑客攻擊，使整個網格顯示在任何寬度？ –

你的代碼目前有'nv.utils.windowResize（chart.update）;'它根據窗口自動調整圖表大小。嘗試沒有這條線。 – shabeer90

添加.showMaxMin（假）解決了這個問題。

 chart.xAxis 
     .showMaxMin(false) 
     .axisLabel("My X-Axis") 
     .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });

工作實施例是here

來源

2014-07-02 15:23:46

謝謝！有關此任何想法？http://stackoverflow.com/questions/24544859/how-to-update-nvd3-line-chart-with-additional-series –

也許這些鏈接將有所幫助： [NVD3與實時數據線圖[]（http://stackoverflow.com/q/12548640/2697673） [與nvd3.js實時線圖]（http://stackoverflow.com/questions/15330390/real-time-line -graph-with-nvd3-js） [用新數據更新現有圖表]（https://github.com/novus/nvd3/issues/26） –

我希望MaxMin以及網格線在最後。有任何想法嗎？ – sanket1729

NVD3圖表部分缺少網格線

回答

相關問題