1

私はjspページでjqplotを使用しています.棒グラフ、折れ線グラフなどを正常に統合しました.今、このグラフをクロムで見ると問題に直面しています.mozillaでは同じグラフがy軸ラベルとx軸ラベルの配置で完璧に表示されます.しかし、クロムで同じチャートを見ると、y軸とx軸の配置とパディングが非常に奇妙で非常に調整されているように見えます...これのスニペットを教えてください

Mozilla ブラウザはこのように表示されます

ここに画像の説明を入力

では、このクロム ブラウザで、なぜ軸のラベルがぎこちなく、軸の線に非常に近いように見えるのでしょうか。

ここに画像の説明を入力

クロムとモジラブラウザでこの違いを取り除く方法と、軸を適切に配置して少なくともそのグラフを適切に見せる方法を教えてください。

これが私が試したコードです

$(document).ready(function(){  
    var line2 = [['1/1/2008', 3.03], ['2/14/2008', 2.30], ['3/7/2008', 3.12], ['4/22/2008', 1.25]];

    var plot1 = $.jqplot('chart7', [line2], { animate: !$.jqplot.use_excanvas,

          axes:{
            xaxis:{
              renderer:$.jqplot.DateAxisRenderer,
              tickOptions:{
                  pad:2.5,
                  left:10,
                formatString:'%b ',
                angle: - 40,
                fontSize: '7pt'
              }
            },
            yaxis:{
                pad:2.5,
              tickOptions:{
                formatString:'%.2f'
                }
            }
          },
          highlighter: {
            show: true,
            sizeAdjust: 1.5
          },
          cursor: {
              style: 'default',
            show: true,

            followMouse: true,
          },grid: {background: 'white'}
      });
    });
4

1 に答える 1

1

私はあなたのコードでフィドルの例を設定しました:http://jsfiddle.net/WdLnm/330/Chromeこれは私のブラウザで見栄えがします。

自分でも問題ないように見える場合は、Web サイトで CSS の問題に直面しています。

于 2013-02-09T20:01:24.387 に答える