3

私はjqplotを使用しています。私のチャートは、最初の画像のように見えると言われています。firefox で良さそうです。しかし、クロム（つまりv30）では、2番目の画像のように見えます。Safariではまったく機能しません。

編集:問題は日付形式にあると思います。例として宣言しますmin: '01.10.2013', max: '22.10.2013' が、クロムは最小10.01.2013最大を表示します22.10.2013.このルールはシリーズ全体に有効です。この動作を変更して、dd.mm.yyyy日付形式を使用していることをクロムに伝えるにはどうすればよいですか?

ここに画像の説明を入力

ここに画像の説明を入力

コード：

<div id="chart2" style="height:250px; width:596px;"></div>

$(document).ready(function(){


  var line1 = [['01.10.2013',0],['02.10.2013',-0.42437431991294],['03.10.2013',-1.9912948857454],['04.10.2013',-1.512513601741],['07.10.2013',-2.3177366702938],['08.10.2013',-2.6115342763874],['09.10.2013',-3.4711643090316],['10.10.2013',-1.316648531012],['11.10.2013',-0.54406964091403],['14.10.2013',-0.71817192600653],['15.10.2013',-1.7627856365615],['16.10.2013',-1.8824809575626],['17.10.2013',-2.9815016322089],['18.10.2013',-1.0663764961915],['21.10.2013',-1.512513601741]];   
  var line2 = [['01.10.2013',0],['02.10.2013',-0.42437431991294],['03.10.2013',-1.9912948857454],['04.10.2013',-1.512513601741],['07.10.2013',-2.3177366702938],['08.10.2013',-2.6115342763874],['09.10.2013',-3.4711643090316],['10.10.2013',-1.316648531012],['11.10.2013',-0.54406964091403],['14.10.2013',-0.71817192600653],['15.10.2013',-1.7627856365615],['16.10.2013',-1.8824809575626],['17.10.2013',-2.9815016322089],['18.10.2013',-1.0663764961915],['21.10.2013',-1.512513601741]];
  var plot3 = $.jqplot('chart2', [line2,line1], {


    seriesDefaults: { lineWidth: 0.8, showMarker:false,  showMarker:false },




    grid: {background:'#fdfdfd', borderWidth: 0.4 },
        series: [            
        {label: 'incl. Dividende'},
      {label: 'excl. Dividende'}
        ],
        seriesColors: [ "#009933", "#003399"],
    axes:{
        xaxis:{
            renderer:$.jqplot.DateAxisRenderer,
        tickOptions: {
                formatString: '%d.%m.%Y'
            },
        min: '01.10.2013',
        max: '22.10.2013'
     }
        }
    });
  mytitle = $('<div class="my-jqplot-title" style="opacity:0.4;filter:alpha(opacity=40);font-weight:bold;font-family:Tahoma, Geneva, sans-serif ;color:#DDDDDD; font-size:27px;position:absolute;text-align:center;top: 101px;width:100%; ">CHART</div>').insertBefore('.jqplot-series-canvas');//('.jqplot-grid-canvas');


});
4

1 に答える 1

1

最小値と最大値を正しい形式で定義する必要があります。

axes: {
 xaxis: {
  renderer: $.jqplot.DateAxisRenderer,
  tickOptions: { formatString: '%d.%m.%Y' },
  min: '2013-10-01',
  max: '2013-10-22'
 }
}

こちらの作業例をご覧ください

于 2013-10-22T13:27:24.950 に答える