title: Changing grid line colours in amCharts
body: <p>I'm trying to change the grid line (and border) colours of a graph I'm using. I've seen the docs, but only found methods to change the <code>fill</code>. Can't see anything regarding the actual lines.</p>
  
  <p><strong>Demo</strong>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var chart = am4core.create("dataChart", am4charts.XYChart);
  
  chart.data = [{
      "xValue": "Q1",
      "yValue": 3
  }, {
      "xValue": "Q2",
      "yValue": 4
  }, {
      "xValue": "Q3",
      "yValue": 7
  }, {
      "xValue": "Q4",
      "yValue": 2
  }, {
      "xValue": "Q5",
      "yValue": 9
  }];
  
  /* Create axes */
  var theXAxis = chart.xAxes.push(new am4charts.CategoryAxis());
  theXAxis.dataFields.category = "xValue";
  theXAxis.renderer.minGridDistance = 30;
  
  /* Create value axis */
  var theYAxis = chart.yAxes.push(new am4charts.ValueAxis());
  theYAxis.renderer.labels.template.disabled = true;
  
  /* Create series */
  var series1 = chart.series.push(new am4charts.LineSeries());
  series1.dataFields.valueY = "yValue";
  series1.dataFields.categoryX = "xValue";
  series1.bullets.push(new am4charts.CircleBullet());
  series1.tooltipText = "{valueY} / 10";
  series1.fill = "#2c3e96";
  series1.fillOpacity = .3;
  series1.stroke = "#4967fa";
  
  /* Create a cursor */
  chart.cursor = new am4charts.XYCursor();</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body{
    background: grey;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://www.amcharts.com/lib/4/core.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/4/charts.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/4/themes/animated.js"&gt;&lt;/script&gt;
  
  &lt;div id="dataChart"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>By the lines I'm referring to those dark grey grid lines.</p>
  
  <p>Any way to change this?</p>