1

以下のコードでは、指定された日付の数時間に値があります。毎日(1時間あたり)24ポイントが必要です。したがって、ここで私のグラフには 2 つの部分 (2 日間) があり、一部の時間にデータがない場合でも、各部分には 24 ポイントが必要です。これで、'2013-10-15 4:00' と '2013-10-16 11:00' の間の時間間隔が表示されます。つまり、初日の 4 時間目から始まり、2 日目の 11 時間目で終わります。グラフをそのように変更するにはどうすればよいですか? 解決策を教えてください

  line1=[['2013-10-15 4:00',4], ['2013-10-15 6:00',6.5], ['2013-10-16 9:00',5.7], ['2013-10-16 11:00',9]];


        var plot1 = $.jqplot('chart1', [line1], {
            title:'Server Activity',
            axesDefaults: {
                tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
                tickOptions: {
                    fontFamily: 'Georgia',
                    fontSize: '10pt',
                    angle: -40
                }
            },
            series:[{lineWidth:1}],
            rendererOptions: {
                smooth: true
            },
            gridPadding:{right:35},
            axes:{
                xaxis:{
                    renderer:$.jqplot.DateAxisRenderer, tickOptions:{
                        //                                formatString:'%b %d, %Y %H:00',
                        formatString:'%b %d, %Y %H:00',
                        tickOptions: {
                            mark: 'outside',    // Where to put the tick mark on the axis
                            show: true,         // wether to show the tick (mark and label),
                            showLabel: true,    // w    ether to show the text label at the tick,
                            formatString: '',  // format string to use with the axis tick formatter
                            fontSize:11,
                            markSize: 10
                        }
                    } ,
                    tickInterval : '1 hour'
                    //numberTicks: 20

                },
                yaxis:{
                    min:0,
                    tickOptions: {
                        mark: 'inside',    // Where to put the tick mark on the axis
                        show: true,         // wether to show the tick (mark and label),
                        showLabel: true,    // wether to show the text label at the tick,
                        formatString: '%d' , // format string to use with the axis tick formatter
                        fontSize:11
                    }
                }
            },
            highlighter: {
                show: true,
                sizeAdjust: 7.5
            },
            cursor: {
                show: false
            }
            //series:[{lineWidth:2}],

        });
4

0 に答える 0