Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Weird colors and fonts in IE #427

Open
orwant opened this issue May 9, 2015 · 15 comments
Open

Weird colors and fonts in IE #427

orwant opened this issue May 9, 2015 · 15 comments
Assignees
@orwant
Labels
Type-Invalid

Comments

@orwant
Copy link
Collaborator

orwant commented May 9, 2015 

Hi,
Using the api for the past 4 months with no errors. However from today ie 11th aug
2010, it is showing weird colors in all PIE graphs (black color) and also handwriting
type fonts for x and y axis.

The same page is rendering perfectly in Chrome/Firefox. Weird display only in IE, all
versions from 7 onwards.

Original issue reported on code.google.com by jainsuvienay on 2010-10-11 16:28:14
@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Jain,

Just an idea, but are you using the "titleX" attribute, or the "hAxis.title" style?
I think titleX has been depreciated, so that may be why it is acting weird.

Original issue reported on code.google.com by ClifReeder on 2010-10-26 19:10:35

@orwant orwant self-assigned this May 9, 2015
@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Hi,
I am using the hAxis.title style. The weird issue is that this occurs only in IE and
not in Chrome/Firefox

Original issue reported on code.google.com by jainsuvienay on 2010-10-27 05:24:25

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

I also experience the same issue..

Original issue reported on code.google.com by tom.betts on 2010-11-26 10:27:49

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

What OS do you see this on?  So far we've only seen it on Vista, and only on some versions
of Vista.  It's very hard to pin down.

Original issue reported on code.google.com by daniel.libicki on 2010-11-28 09:35:53

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

This is on Windows 7 as well as on XP

Original issue reported on code.google.com by jainsuvienay on 2010-12-01 04:03:19

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

I can confirm the handwriting font issue on the x and y axes.  I'm using IE7 on XP.
 I'm attaching screenshots of the two versions, and my page code is below.

John

<html>
  <head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table, 
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

      // Create our data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Amount');
        data.addRows([
          ['2005', 11],
          ['2006', 2],
          ['2006', 2],
          ['2006', 2],
          ['2009', 7]
        ]);

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, {legend: 'none',width: 400, height: 240, title: 'Chart Test',hAxis:
{title: 'Year'},vAxis: {title: 'Amount'},fontSize: 14,fontName: 'Verdana'});
      }
    </script>
  </head>

  <body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
  </body>
</html>

Original issue reported on code.google.com by john.a.scanlon on 2010-12-01 14:34:58

- _Attachment: [weird_font.pdf](https://storage.googleapis.com/google-code-attachments/google-visualization-api-issues/issue-427/comment-6/weird_font.pdf)_

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

I am also experiencing this issue.

Additionally, the fontName attribute of hAxis.titleTextStyle also appears to be ignored
in IE.  I set it to Wingdings and no change was noticed in IE however chrome presented
correctly.

Original issue reported on code.google.com by charltondj on 2010-12-07 04:23:04

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Hi all,
Maybe it's too late but if it can help.
I had the same issue on Win7 and it only occures on the x64 version of IE8.
On the x86's one, everything works fine.

Original issue reported on code.google.com by agindre@eco2market.com on 2011-04-12 10:22:13

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Also experiencing the handwriting font issue in IE7+.  In Firefox the x and y axis labels
appear properly and respect the assigned styles.  In IE, the styles are ignored and
default to a handwriting font.  Also, the handwriting font varies from computer to
computer. (depending on the font that is installed on the computer, I presume?)

Original issue reported on code.google.com by simrany on 2011-05-25 15:23:54

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Does anyone know if there have been any updates to the IE font issue?  I'm on Windows
7 & have noticed the title text & axis text has a handwriting font. (Both in IE8 &
lower versions).  Is there any type of workaround?  I also noticed IE8 is putting a
fixed width on the titles...please help!!

Original issue reported on code.google.com by christina.zellman.penn.medicine on 2011-07-21 20:09:14

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

This is a pretty big bug to be hanging around for almost a year now, has no one at Google
got an answer for this?

Original issue reported on code.google.com by vido.ardes on 2011-07-25 14:07:45

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

We're sorry about it, but don't know what can be done. IE <= 8 doesn't support SVG,
so VML is used. More over, VML support in IE is deteriorating, and fonts handling is
particularly problematic. IE9 finally supports SVG and I think this works fine there,
but we were unable to fix the issues for IE <= 8.

Original issue reported on code.google.com by jinji.viz on 2011-07-25 14:34:39

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Yeah, I thought this would be fixed by now.

Original issue reported on code.google.com by jainsuvienay on 2011-07-27 08:41:58

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

Issue 547 has been merged into this issue.

Original issue reported on code.google.com by ebixon@google.com on 2011-12-15 06:23:18

@orwant
Copy link
Collaborator Author

orwant commented May 9, 2015 

I found this solution worked for me as a workaround:
https://groups.google.com/group/google-visualization-api/browse_thread/thread/1124b9983a2aadcd/9964397c24aad1ba

Still would love to see this fixed.  Only seems to happen in our environment on Windows
7 computers running any version under IE9.

Original issue reported on code.google.com by adrintoul on 2012-03-21 17:45:12

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@orwant orwant

Labels
Type-Invalid
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@orwant