title: amCharts4 Trendline not displaying without date based
body: <p>I Looked at this Link to find out how to implement Trendlines on armChart. The Sample worked with a date based Series. I want to apply Trendlines to a Non date based series. Please can anyone tell me what I'm doing wrong in the code below</p>
  
  <p>Here is a link to the demo <a href="https://www.amcharts.com/demos/trend-lines/" rel="nofollow noreferrer">https://www.amcharts.com/demos/trend-lines/</a></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-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/kelly.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.amcharts.com/lib/4/themes/animated.js"&gt;&lt;/script&gt;
  
  
  &lt;div id="div1" style="width:900px; height:500px"&gt;
  
  &lt;/div&gt;
  
  &lt;script&gt;
    am4core.useTheme(am4themes_kelly);
    am4core.useTheme(am4themes_animated);
    var chart = am4core.create('div1', am4charts.XYChart);
    chart.scrollbarX = new am4core.Scrollbar();
    chart.data = [{
        'Region': 'Nigeria',
        'Value': 100
      },
      {
        'Region': 'Canada',
        'Value': 3
      },
      {
        'Region': 'WestAfrica',
        'Value': 43
      }
    ];
    var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
    categoryAxis.dataFields.category = 'Region';
    categoryAxis.renderer.grid.template.location = 0;
    categoryAxis.renderer.minGridDistance = 30;
    categoryAxis.renderer.labels.template.adapter.add('dy', function(dy, target) {
      if (target.dataItem &amp;&amp; target.dataItem.index &amp; 2 == 2) {
        return dy + 25;
      }
      return dy;
    });
  
    var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    var series = chart.series.push(new am4charts.ColumnSeries());
    series.dataFields.valueY = 'Value';
    series.dataFields.categoryX = 'Region';
    series.name = 'Regions';
    series.columns.template.tooltipText = '{categoryX}: [bold]{valueY}[/]';
    series.columns.template.fillOpacity = 0.8;
    var columnTemplate = series.columns.template;
    columnTemplate.strokeWidth = 2;
    columnTemplate.strokeOpacity = 1;
  
    var trend = chart.series.push(new am4charts.LineSeries());
    trend.dataFields.valueY = "Value";
    trend.dataFields.dateX = "Region";
    trend.strokeWidth = 2;
    trend.stroke = am4core.color("#c00");
    trend.data = [{
        "Region": "Nigeria",
        "Value": 10
      },
      {
        "Region": "WestAfrica",
        "Value": 19
      }
    ];
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>