如何使用morris.js更改x軸精度？

我有一個圖表，沿x軸和小時睡在y軸上的日期。如何使用morris.js更改x軸精度？

如果我顯示7天的數據的x軸顯示每個日期和圖形看起來不錯：

enter image description here

當我拋8周值得到的數據的曲線圖的，morris.js自動調整x軸標籤的精度顯示較少的日期（太棒了！），但不這樣做的情節點相同的調整，使圖形看起來是這樣的：

enter image description here

我該如何做到這一點，morris.js只在每個標籤間隔放置繪圖點？

下面是一個顯示圖形的代碼：

$ -> 
    new Morris.Line(
    element: 'naps_chart', 
    data: $('#naps_chart').data('naps'), 
    xkey: 'happened_at', 
    ykeys: ['time'], 
    labels: ['Hours'] 
);

來源

2014-05-08 Rob Sobers

，我發現這個問題的最簡單/最好的解決辦法是設置pointSize: 0，只是平滑的曲線圖。它仍然顯示懸停的情節點，看起來好多了。

enter image description here

來源

2014-05-08 02:06:20

我在這方面是新手我自己，所以請原諒我，如果你已經考慮這考慮到：沒有時間確定需要「莫里斯」更精確或描述格式理解它？例如（從這個網站，我已經在這個領域找到有用：http://www.oesmith.co.uk/morris.js/lines.html）：

- 分析時設置爲false以跳過時間/爲X值日期解析，而不是把它們作爲一個等距系列。

- yLabelFormat接受y值並將其格式化以顯示爲y軸標籤的函數。例如：function（y）{return y.toString（）+'km'; }

該網站應該提供更多'洞察'（請原諒雙關語），它可能只是需要另一個或稍微不同的操作或命令來執行正確的X軸方程的值分段。

希望這有助於，甚至一點。

〜

來源

2014-05-08 02:15:09

xLabelMargin：10，

在

Morris.Bar({ 
// 
xLabelMargin: 10, 

// 

});

來源

2014-11-06 12:57:04

嘗試對這個設置

xLabelAngle: 45,

然後你就可以看到你的圖形像後續圖像嘗試 enter image description here

來源

2015-05-26 06:10:41

如何使用morris.js更改x軸精度？

回答

相關問題