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.


Reply via email to