javascript - Google charts not cooperating with me -
i have few issues google chart:
i want y-axis 0 20 , grid-line should occur every 2 points: i'll have 0,2,4,6,8,10,12, etc , i'm trying achieve line of code
'vaxis':{ title: 'score', titletextstyle: {color: '#27318b'}, maxvalue:20, minvalue:0, gridlines: {count:10, color:'#27318b'} }
but starts @ 0 , ends @ 22,5 , shows grid line @ every 2,5. don't understand why is?
i want width of graph 100%, when change (wether in html or javascript) width of 100% height gets small nothing readable anymore, if specified height. in jquery
var options = {'width':800, 'height':600}
in html
<div id="chart_div" style="width:800; height:300">
try increasing gridlines count 1, since there 11 values between 0 , 20 step size of 2.
regarding question width , height, better see code trying use can see trying do. want width of graph 100%, 100% of what? container or page? want called chart area (not including vertical axis , legend) 100% of container? options can experiment include width , height of container element (that provide), top-level 'width' , 'height' options, , 'chartarea' options 'width' , 'height'.
Comments
Post a Comment