2011-11-14 13 views
2

非常にシンプルなもの: - 最初の値がOKに描かれている -jqPlot日付軸 - 間違った日に描かれた棒ですか?ここ

 
    var dataHits = [['2011-10-16',1],['2011-11-05',7],['2011-11-06',1],['2011-11-09',2],['2011-11-12',5]]; 
    var plot1 = $.jqplot('chartHits', [dataHits], { 
     title:'Zobrazenia profilu spolu', 
     seriesDefaults:{ 
       renderer:$.jqplot.BarRenderer, 
       rendererOptions: {    
      barPadding: 0,  // number of pixels between adjacent bars in the same 
           // group (same category or bin). 
      barMargin: 0,  // number of pixels between adjacent groups of bars. 
      barDirection: 'vertical', // vertical or horizontal. 
      barWidth: 10 

     }     
      }, 
     axes:{ 
     xaxis:{      
      renderer:$.jqplot.DateAxisRenderer, 
      min: '2011-10-15', 
      max: '2011-11-13', 
      tickInterval: "2 day", 
      tickOptions:{ 
      formatString:'%d.%m' 
      }   
     }, 
     yaxis: 
     { 
      min: 0, 
      tickInterval: 1 
     }   
     }, 
     highlighter: { 
     show: true, 
     sizeAdjust: 7.5 
     }, 
     cursor: { 
     show: false 
     } 
    }); 

しかし、生成されたグラフは間違っている2011年10月16日に、しかし他のすべての値(バー)が誤って配置されている - 1日早く、彼らが必要以上(強調表示されている場合でも「ツールヒント」でもOKですが、X軸上の間違った場所にあります)。どのようにこれを修正するための任意のアイデア?

参照画像: enter image description here

+0

どのブラウザで問題が再現されますか?私はここで試してみました:http://jsfiddle.net/larsenmtl/wN2SA/(firefoxで)と正常に動作します。 – Mark

+0

本当ですか?スクリーンショットはまた、Firefoxのバージョン7からです – rouen

+0

私のものは、Firefox 3.6、うわー、アップグレードのための時間かもしれません... – Mark

答えて

1

私は一般的に、あなたは常に使用する必要がある棒グラフを扱うときには、よりよいプロットを持っているダニと思います。 また、this approach, please see here.を使用すると興味深い結果が得られます。dataHitsに指定されていない日数は何も表示しないように気を付ける場合は、値を0にするだけでよいことに注意してください。あなたが取得

興味深い結果両方のticksdateAxisRenderer機能を使用する場合(が、これはあなたが欲しいものであると思います)。 This I show in the following sample.読み取り間の時間間隔を示すギャップが保存され、すべての値が正しく塗りつぶされます。 minmaxおよびtickIntervalに注目することも重要です。私たちはダニを使用しているので、何の効果もありません。

BTW:まだグラフの周りにギャップがある場合は、the approach presented in EDIT of this answerを適用することができます。

+0

「4Y後で」JSのフィドルのリンクが壊れています –

+0

これは、URIが利用可能になるという前提の上に構築され、https://bitbucket.org/cleonello/がもう利用できなくなると発生しますスクリプトはそこから来ていました。 それらを更新しました。楽しんでください。 – Boro

+0

@OwenBeresford他に何か更新がない場合は、私に知らせてください。 – Boro

関連する問題