1

31日間のデータを使用してグラフを作成し、ズームをオンにして、7日間を強調表示する場合は、たとえば7日間にズームインできるようにします。

私が抱えている問題は、x軸のラベルを最初の日から開始し、最後のラベルを最後の日にしたいのですが、jqPlotは何らかの理由で日数を追加しているようです。

たとえば、以下のデータでは、x軸は21で始まり、最後の軸は26ですが、毎日22から23まで表示したいと思います。minとmaxを使用してみましたが、1つしか機能しませんでした。

また、現在の1、5、12、19などではなく、1、2、3、4などを毎日表示したいと思います。

ズームインすると、3、4、4、4、5、5、5、6などが表示されることもあります。

これが私の現在のコードです：

$(document).ready(function(){
        s1 = [["6/22/2012",425.32], ["6/23/2012",424.84], ["6/24/2012",417.23], ["6/25/2012",390],
            ["6/26/2012",393.69], ["6/27/2012",392.24], ["6/28/2012",369.78], ["6/29/2012",330.16], ["6/30/2012",308.57],
            ["7/1/2012",346.45], ["7/2/2012",371.28], ["7/3/2012",324.7], ["7/4/2012",315.07], ["7/5/2012",300.36],
            ["7/6/2012",315.76], ["7/7/2012",292.96], ["7/8/2012",310.02], ["7/9/2012",359.36], ["7/10/2012",372.54],
            ["7/11/2012",386.91], ["7/12/2012",449.15], ["7/13/2012",444.25], ["7/14/2012",463.29],  ["7/15/2012",510.15],
            ["7/16/2012",467.86],["7/17/2012",467.86], ["7/18/2012",481.32], ["7/19/2012",537], ["7/20/2012",546.43], ["7/21/2012",567],
            ["7/22/2012",544.62], ["7/23/2012",573.2]];



        var plot1 = $.jqplot('chart1', [s1], {
            title: 'test',
            series: [{
                label: 'test',
                renderer:$.jqplot.BarRenderer
            }],
            axes: {
                xaxis: {
                    renderer:$.jqplot.DateAxisRenderer,

                    tickOptions:{formatString:"%#d"}
                },
                yaxis: {
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions:{
                        formatString:'$%.2f'
                    }
                }
            },
            cursor:{
                show: true,
                zoom: true,
                constrainZoomTo: 'x'
            }
        });
    });

誰かがこれを手伝ってくれますか？

4

1 に答える 1

3

numberTicksとmin＆maxを追加して、それを理解しました。

xaxis: {
                    renderer:$.jqplot.DateAxisRenderer,
                    min: '6/22/2012',
                    max:   '7/23/2012',
                    numberTicks: 31,
                    tickOptions:{formatString:"%#d"}
                },

余分な日数の問題が修正され、ズームも完全に機能するようになりました

于 2012-04-18T09:02:16.610 に答える