Html amCharts4趋势线不显示，不基于日期

我查看了这个链接，以了解如何在armChart上实现趋势线。该示例使用基于日期的系列。我想将趋势线应用于非基于日期的系列。请告诉我下面的代码中我做错了什么

这里是演示的链接

am4core.useTheme（am4themes_kelly）；
am4core.useTheme（am4themes_动画）；
var chart=am4core.create（'div1'，am4charts.XYChart）；
chart.scrollbarX=新的am4core.Scrollbar（）；
chart.data=[{
“地区”：“尼日利亚”，
“值”：100
},
{
'地区'：'加拿大'，
“值”：3
},
{
“地区”：“西非”，
“值”：43
}
];
var categoryAxis=chart.xAxes.push（新的am4charts.categoryAxis（））；
categoryAxis.dataFields.category='Region'；
categoryAxis.renderer.grid.template.location=0；
categoryAxis.renderer.minGridDistance=30；
categoryAxis.renderer.labels.template.adapter.add（'dy'，函数（dy，目标）{
if（target.dataItem&&target.dataItem.index&2==2）{
返回dy+25；
}
返回dy；
});
var valueAxis=chart.yAxes.push（新的am4charts.valueAxis（））；
var series=chart.series.push（新的am4charts.ColumnSeries（））；
series.dataFields.valueY='Value'；
series.dataFields.categoryX='Region'；
series.name='区域'；
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（新的am4charts.LineSeries（））；
trend.dataFields.valueY=“Value”；
trend.dataFields.dateX=“Region”；
趋势.strokeWidth=2；
trend.stroke=am4core.color（#c00”）；
趋势数据=[{
“区域”：“尼日利亚”，
“价值”：10
},
{
“区域”：“西非”，
“价值”：19
}
];

如果在任何系列中使用类别轴而不是日期轴，请根据轴的位置将数据字段更改为使用

categoryX

或

categoryY

dateX

和

dateY

用于日期轴对象

  trend.dataFields.categoryX = "Region";

---

非常感谢。这是我的疏忽。我很感激