How to implement dotted gridlines in google area chart? -

i trying implement google area chart show user count analysis/statistics. i want girdlines on chart dotted. here function draw google area chart.

function drawchartsuccesshandler(data) {      if (typeof (data) != 'undefined' && typeof (data.aadata) != 'undefined') {          var chartdata = data.aadata;         chartdata = eval('(' + data.aadata + ')');          if(chartdata.length == 0) {             alert("no data available.");         }          var googledata = new google.visualization.datatable();         googledata.addcolumn('string', 'month');         googledata.addcolumn('number', 'user count');          googledata.addrows(chartdata);          var maxcount=data.maxcount;         console.log("maxcount:"+maxcount);          var options = { //              title : 'users count analysis',                 legend: { position: 'top'},                 haxis : {                     title : datetype,                     titletextstyle : {                         color : 'black',                         fontsize: 20                     },                     textstyle:{                         color: '#546a79',                         fontsize:13,                         fontfamily:'roboto regular'                     }                 },                 vaxis : {                     title : 'number of users',                     baseline: 0,                     viewwindowmode: 'explicit',                     viewwindow: {                       //max: maxcount,                       min: 0,                     },                     gridlines: {                       count: 8                      },                     titletextstyle : {                         color : '#c6ccd0',                         fontsize: 13,                         fontfamily:'roboto regular'                     },                     textstyle:{                         color: '#546a79',                         fontsize:13,                         fontfamily:'roboto medium'                     }                 },                 backgroundcolor : 'white',                  series: {                      0: { color: '#1fbba6' }                    }              };          var chart = new google.visualization.areachart(document.getelementbyid('userschart'));         chart.draw(googledata, options);     } } 

is there way achieve ?

according google charts api, can dashed lines dashs - https://developers.google.com/chart/interactive/docs/lines. if wanted dotted lines badly, there awesome javascript library called highcharts, possible.

dashstyle: 'dot' 

http://www.highcharts.com/