2013-02-08 54 views
1

我使用jqplot在我的jsp page..successfully集成条形图,折线图和etc.now我面临的问题,当我看到这个图表轴在Chrome中,mozila同一图表中呈现完美的与Y和X轴标签的其排列,但是当我在Chrome中看到相同的图表y轴和x轴的对准和填充看起来很奇怪,很conjusted ...让我给ü片断此jqplot呈现不好的镀铬?铬显示jqplot不当alignement和填充

Mozila浏览器显示这样

enter image description here

然后为什么在这个Chrome浏览器中,轴的标签看起来如此混乱而且非常靠近轴线呢?

enter image description here

所以任何人都可以请指导我怎样才能消除这种差异在Chrome和mozila浏览器,以及如何可以使图表ATLEAST看起来体面与轴

这里的正确对准是我试过的代码

$(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'} 
     }); 
    }); 
+0

发布你试过代码 – Nandu

+0

请参阅我的更新问题,本 –

回答

1

我设置你的代码提琴例如:http://jsfiddle.net/WdLnm/330/这对我Chrome浏览器看起来不错。

如果它看起来你也没关系,你面对你的网站上的CSS问题。

+0

是......它的外观与年链接铬好......那我该怎么解决这个问题? –

+0

尝试简化(除去非必需品元素)你在哪里显示该曲线图的网页,删除所有的CSS样式,... – sdespont

+0

它不是workig ......尝试过只放一个图表必要的JS和CSS它的过去。但仍然没有变化 –