Hi , I am using google coloumn and bar chart in my site.
In IE8 and IE 7 the text in the H-axis is getting cut in the bottom,which
is coming fine in Mozilla . Also is there anyway i can mention font-style
for the text on h-axis?
Is there any thing i can do to fix this issue.
Text sytle is appearing differently in both the browsers
Please help with this issue.
code used for Line chart:
new google.visualization.LineChart(document.getElementById('line-chart')).
draw(data,{
width: 300,
height: 180,
legend: 'none',
series:[{color:'#B4C90C'}],
lineWidth:1,
pointSize:5,
vAxis:{gridlineColor:'#cccccc',
baselineColor:'#cccccc',
textStyle:{color:'#cccccc',fontName:'Georgia',fontSize:10},
viewWindow:{min:0}
},
hAxis:{textStyle:{color:'#cccccc',fontName:'Georgia',fontSize:10}},
chartArea:{top:5,width:"80%",height:"75%"}
}
);
Code used for Coloumn chart:
new google.visualization.ColumnChart(document.getElementById('bar_chart')).
draw(data,
{
width:280,
height:180,
legend:'none',
chartArea:{left:50,top:5,width:"80%",height:"75%"},
vAxis:{title: "", textStyle:{color: '#cccccc',
fontSize:10}},
hAxis: {title: "", textStyle:{color: '#cccccc',
fontName:'Georgia', fontSize: 10}},
vAxes:[
{
title:'KW', textStyle:{color:
'#cccccc',fontName:'Georgia'},
titleTextStyle:{fontName:'Georgia',color: '#cccccc',fontSize:10}
}
],
series:[{color:'#B4C90C'}]
}
);
Thanks in advance.
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/j73A_Wj0EqYJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
<<attachment: Screenshot.png>>
