Верхние левые границы появляются вокруг гистограммы в IE7 с помощью Google Visualization API - PullRequest
Новая
       9

Верхние левые границы появляются вокруг гистограммы в IE7 с помощью Google Visualization API

0 голосов
/ 24 августа 2010

У меня возникли некоторые проблемы с IE и Google визуализации Api. По сути, добавлена ​​дополнительная граница (однопиксельная белая линия) вверху и слева от моего графика, но только в IE. Полная граница также применяется к любым меткам на графике, которые усечены (слегка обрезаны).

Скриншот можно посмотреть здесь: http://www.screencast.com/users/Second2/folders/Jing/media/2de9ad36-efce-40ab-b3d0-a14e00460b49

СОВЕТ (там не должно быть верхней и левой белых линий, а граница вокруг метки "Expe ..."

Код страницы: 

<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

У кого-нибудь есть идеи, что может быть причиной этих лишних белых линий?

Заранее благодарим за любую помощь, которую кто-либо может оказать!

1 Ответ

0 голосов
/ 04 февраля 2011

Похоже на известную ошибку - проверьте: http://code.google.com/p/google-visualization-api-issues/issues/detail?id=235

...