0

30個のデータポイントでグラフをプロットすることができ、すべてのポイントがグラフに表示されます。そして、グラフは窮屈に見えます。5の倍数でデータポイントを表示するように考えていました。30ポイントがあるとすると、グラフの軸ポイントは[0、5、10、15、20、25、30]のようになります。数学的にグラフをプロットすると、1単位=5ポイントとなります。どうすればいいのかわかりません。誰かが私を見る方法のときに、ドキュメントから少なくとも正しい方向に私を向けることができますか？

var options = {
        series: {           
            lines: {
                show: true,
                lineWidth: 1,                   
                fillColor: {colors:[{opacity: 1},{opacity: 1}]}, 
                align: "right" 
            }           
       },
       grid: {
            show: true,
            markings: [{xaxis: {from: 0, to: 5}}]
       },      
       xaxis:{
            tickFormatter:timeTickFormatter,
            tickSize : 1
       },
       yaxis: { 
            max:24
       }
    };

function timeTickFormatter(val,axis) {

        var returnDate =new Array();    
        <% for (String dateValue: pasDays) { %>

            returnDate.push("<%= dateValue %>");

        <% } %>

        return returnDate[val];
    }

$(document).ready(function () {
        $.plot($("#HoursChart"), [ { label : "Work Hours", data: <%= workHrsDaily %>  },
                                                                  { label : "Idle Hours", data: <%= idleHrsDaily %> } ], options);

    });

更新：tickSizeを5に変更すると、5つのデータポイントが表示されます:) !!

4

1 に答える 1

2

次のようなことができると確信しています。ticks: [0, 5, 10, 15, 20, 25, 30]

Flot APIドキュメントから：

ティックアルゴリズムを完全にオーバーライドする場合は、次のように「ティック」の配列を指定できます。

ティック：[0、1.2、2.4]

tickSize: 1ティックの間隔が1に設定されているため、プロパティを削除する必要がある場合があります。tickSizeを（30の長さ）のようなものに設定する6と、次の間隔が得られます。5, 10, 15, 20, 25, 30

于 2012-10-23T15:19:24.913 に答える