2016-08-12 8 views
2

このmorrisjs javascriptの何が問題なのですか? http://jsbin.com/dituriheje/edit?html,js,outputy軸の文字列値morris javascript

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script> 
<meta charset=utf-8 /> 
<title>Morris.js Line Chart Example</title> 
</head> 
<body> 
    <div id="js_stats"></div> 
    <script> 
    Morris.Line({ 
    element: 'js_stats', 
    data: [ 
    {y: "Context 1", E: 0.0247578, D: 0.0250694, A: 0.00205555, B: 0.00445085, C: 0.011262}, 
    {y: "Context 2", E: 0.025153150000000003, D: 0.02422775, A: 0.0020365, B: 0.0044665, C: 0.01137645}, 
    {y: "Context 3", E: 0.0254322, D: 0.024671699999999998, A: 0.0022679, B: 0.0045135, C: 0.0114602}, 
    {y: "Context 4", E: 0.02603472, D: 0.0249791, A: 0.00192968, B: 0.00437542, C: 0.01089924}, 
    {y: "Context 5", E: 0.025053799999999998, D: 0.0255343, A: 0.002256, B: 0.0043565, C: 0.0118452} 
    ], 
    xkey: 'y', 
    ykeys: ["A", "B", "C", "D", "E"], 
    labels: ["Strategy 1", "Strategy 2", "Strategy 3", "Strategy 4", "Strategy 5"] 
}); 
    </script> 
</body> 
</html> 

iはy: "1"ように、Y軸にint値を設定した場合モリスが動作。しかし、私はそれを行う方法、文字列の値が欲しいですか?

答えて

2

モリスのグラフは通常、文字列を日付として解釈しようとします(Docs)。 この使用を防ぐには、Morris.lineのオプションとしてparseTime : falseを使用してください。

ラベルのための十分なスペースがあることを確認する必要があります。あなたはそれを適合させるためにxLabelAngleで遊ぶことができます。

関連する問題