0

Je rencontre des problèmes avec IE et Google Visualisation Api. Fondamentalement, une bordure supplémentaire (ligne blanche de pixel unique) a été ajoutée en haut et à gauche de mon tableau, mais seulement dans IE. Une bordure complète est également appliquée à toutes les étiquettes du graphique qui sont tronquées (coupées légèrement).Les bordures en haut à gauche apparaissant autour de Graphique à barres dans IE7 en utilisant Google Visualization API

Une capture d'écran peut être vu ici: http://www.screencast.com/users/Second2/folders/Jing/media/2de9ad36-efce-40ab-b3d0-a14e00460b49

SUGGESTION (en haut et à gauche des lignes blanches ne devraient pas être là, et la frontière autour de l'étiquette « Expé ... »

Le Code Page :

<html> 
    <head> 
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Year'); 
     data.addColumn('number', 'Sales'); 
     data.addColumn('number', 'Expenses'); 
     data.addRows(4); 
     data.setValue(0, 0, '2004'); 
     data.setValue(0, 1, 1000); 
     data.setValue(0, 2, 400); 
     data.setValue(1, 0, '2005'); 
     data.setValue(1, 1, 1170); 
     data.setValue(1, 2, 460); 
     data.setValue(2, 0, '2006'); 
     data.setValue(2, 1, 660); 
     data.setValue(2, 2, 1120); 
     data.setValue(3, 0, '2007'); 
     data.setValue(3, 1, 1030); 
     data.setValue(3, 2, 540); 

     var chart = new google.visualization.BarChart(document.getElementById('chart_div')); 
     chart.draw(data, {width: 400, height: 240, title: 'Company Performance', backgroundColor: '#CCCCCC', 
          vAxis: {title: 'Year', titleTextStyle: {color: 'red'}} 
         }); 
     } 
    </script> 
    <style type="text/css"> 
    iframe { 
     border: none; 
    } 
    </style> 
    </head> 

    <body style="background-color: #CCCCCC;"> 
    <div id="chart_div"></div> 
    </body> 
</html> 
enter code here 

toute personne a des idées ce qui pourrait être à l'origine de ces lignes blanches supplémentaires

?

Bravo à l'avance pour toute aide que quelqu'un puisse vous apporter!

Répondre

Questions connexes