title: How to make a SERIES line dashed in Google Line Chart?
body: <p>In <a href="https://developers.google.com/chart/interactive/docs/gallery/linechart" rel="nofollow noreferrer">Google Line Chart</a> how do you make a <strong>series</strong> line dashed?</p>
  
  <p>For example the red line (called "Row B") in the screenshot below?</p>
  
  <p><img src="https://i.stack.imgur.com/j5qhZ.png" alt="enter image description here"></p>
  
  <p>Below is my very simple test code, just open it in a browser and it will work instantly.</p>
  
  <p>Please note that the usual suggestion to add <a href="https://developers.google.com/chart/interactive/docs/roles#whatrolesavailable" rel="nofollow noreferrer">certainty</a> role:</p>
  
  <pre><code>    {"p":{"role":"certainty"},"label":"Dashed","type":"boolean"}
  </code></pre>
  
  <p>doesn't help here, because it would make dashed (parts of) the both lines (the rows "A" and "B").</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
          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);
          });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="test"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>