jqplot renders not good in chrome?Chrome Displays jqplot axes with improper alignement and padding

Question

I am using jqplot in my jsp page..successfully integrated bar charts,line charts and etc.now i am facing the problem when i see this charts in chrome,in mozila same chart showing perfect with its alignment of y and x axis label,but when i see same charts in chrome the y axis and x axis alignment and padding looks very odd and very conjusted ...let me give u snippet for this

Mozila browser displays like this

enter image description here

then why lable of axis looks so clumpsy and very nearby withing axis line in this chrome browser?

enter image description here

so can anyone please guide me how can i remove this difference in chrome and mozila browser and how can make that chart atleast look decent with proper alignment of axes

Here is the code i tried

$(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&nbsp;',
                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'}
      });
    });

please see my updated question for this – BhavikKama Feb 08 '13 at 10:54 — BhavikKama, Feb 08 '13 at 10:54

score 1 · Answer 1 · answered Feb 09 '13 at 20:01

1

I set up a fiddle example with your code : http://jsfiddle.net/WdLnm/330/ which looks great on my Chrome browser.

If it looks OK for you too, you are facing a CSS problem on your web site.

answered Feb 09 '13 at 20:01

sdespont

13,915
9
56
97

yes...its looks good in chrome with yr link...then how can i solve this problem? – BhavikKama Feb 11 '13 at 06:42
Try to simplify (remove non essentials elements) the web page where you are displaying the graph, remove all CSS styles, ... – sdespont Feb 11 '13 at 08:25
its not workig...tried just put only single chart with the necessary js and css for its..but still no change – BhavikKama Feb 11 '13 at 12:54

jqplot renders not good in chrome?Chrome Displays jqplot axes with improper alignement and padding

1 Answers1