Hi! I'm not entirely sure why you say that the certainty role doesn't work for you, since it works on a per-series basis. Here is a jsfiddle that shows this with your data <http://jsfiddle.net/xhwJM/1/>. Is there any reason why this doesn't fit your needs?
- Sergey On Wed, Jun 26, 2013 at 8:47 AM, A. Farber <[email protected]>wrote: > Hello! > > In Google Line > Chart<https://developers.google.com/chart/interactive/docs/gallery/linechart> > how > do you make a *series* line dashed? > > For example the red line (called "Row B") in the screenshot below? > > > <https://lh3.googleusercontent.com/-sGN7krFNTsk/UcriozFdVzI/AAAAAAAADEU/gQQqARLoGKI/s1600/dashed.png> > > > Below is my very simple test code, just open it in a browser and it will > work instantly. > > Please note that the usual suggestion to add > certainty<https://developers.google.com/chart/interactive/docs/roles#whatrolesavailable> > role: > > {"p":{"role":"certainty"},"label":"Dashed","type":"boolean"} > > doesn't help here, because it would make dashed (parts of) the both lines > (the rows "A" and "B"). > > <!DOCTYPE HTML> > <html> > <head> > <script type="text/javascript" > src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";></script> > <script type="text/javascript" > src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script> > <script type="text/javascript"> > > var data = {"rows":[ > {"c":[{"v":"C"},{"v":-43},{"v":-42}]}, > {"c":[{"v":"D"},{"v":-49},{"v":-39}]}, > {"c":[{"v":"E"},{"v":-49},{"v":-48}]}, > {"c":[{"v":"F"},{"v":-50},{"v":-49}]}, > {"c":[{"v":"G"},{"v":-57},{"v":-56}]}], > > "cols":[ > {"p":{"role":"domain"},"label":"MEASUREMENT","type":"string"}, > {"p":{"role":"data"},"label":"Row A","type":"number"}, > {"p":{"role":"data"},"label":"Row B","type":"number"}]}; > > function drawCharts() { > var x = new google.visualization.DataTable(data); > > var options = { > title: 'How to make red line dashed?', > width: 800, > height: 600 > }; > > var chart = new > google.visualization.LineChart(document.getElementById('test')); > chart.draw(x, options); > } > > $(function() { > google.setOnLoadCallback(drawCharts); > }); > > </script> > </head> > <body> > <div id="test"></div> > </body> > </html> > > Thank you > Alex > > P.S. I've also asked this question at Stackoverflow: > > http://stackoverflow.com/questions/17318961/how-to-make-a-series-line-dashed-in-google-line-chart > > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/groups/opt_out.
