Javascript 如何/是否可以在amcharts中创建堆叠面积和折线图的组合

我正在创建一个结合了堆叠面积和折线图的图表。我想知道在图表4中创建这样的组合是否可行

我已经阅读了文档，找不到任何方法来创建堆叠面积和线条的组合图

我期望的输出如下所示：

---

我不确定是否完全理解这个问题，但也许你们正在寻找类似这支钢笔的东西？要堆叠线系列，必须使用

series.stacked=true/false;

---

不太确定您是否希望此输出如图像所示，但是您可以随意添加，只需添加

var series=chart.series.push（新的am4charts.LineSeries（））此选项用于声明新系列

使用
series.fill=am4core.color（“#e59165”）；”和'series.fillOpacity=0.5它将为区域提供颜色，
系列2.strokeWidth=3自定义线条的厚度。看看这个例子：


am4core.ready（函数（）{
//主题开始
am4core.useTheme（am4themes_-dark）；
am4core.useTheme（am4themes_动画）；
//主题结束
//创建图表
var chart=am4core.create（“chartdiv”，am4charts.XYChart）；
var数据=[]；
var价格1=1000，价格2=1200，价格3=500；
var数量=30000；
对于（变量i=0；i<360；i++）{
价格1+=数学整轮（（数学随机（）<0.5？1:-1）*数学随机（）*100）；
数据推送（{date1:newdate（2015，0，i），price1:price1}）；
}
对于（变量i=0；i<360；i++）{
价格2+=数学轮（（数学随机（）<0.5？1:-1）*数学随机（）*100）；
数据推送（{date2:newdate（2017，0，i），price2:price2}）；
}
对于（变量i=0；i<360；i++）{
price3+=数学四舍五入（（Math.random（）<0.5？1:-1）*Math.random（）*100）；
数据推送（{date3:newdate（2017，0，i），price3:price3}）；
}
chart.data=数据；
var dateAxis=chart.xAxes.push（新的am4charts.dateAxis（））；
dateAxis.renderer.grid.template.location=0；
dateAxis.renderer.labels.template.fill=am4core.color（“#e59165”）；
var dateAxis2=chart.xAxes.push（新的am4charts.DateAxis（））；
dateAxis2.renderer.grid.template.location=0；
dateAxis2.renderer.labels.template.fill=am4core.color（“#dfcc64”）；
var dateAxis3=chart.xAxes.push（新的am4charts.DateAxis（））；
dateAxis3.renderer.grid.template.location=0；
dateAxis3.renderer.labels.template.fill=am4core.color（“#dfcc64”）；
var valueAxis=chart.yAxes.push（新的am4charts.valueAxis（））；
valueAxis.tooltip.disabled=true；
valueAxis.renderer.labels.template.fill=am4core.color（“#e59165”）；
valueAxis.renderer.minWidth=60；
var valueAxis2=chart.yAxes.push（新的am4charts.ValueAxis（））；
valueAxis2.tooltip.disabled=true；
valueAxis2.renderer.grid.template.strokeDasharray=“2,3”；
valueAxis2.renderer.labels.template.fill=am4core.color（“#dfcc64”）；
valueAxis2.renderer.minWidth=60；
var valueAxis3=chart.yAxes.push（新的am4charts.ValueAxis（））；
valueAxis3.tooltip.disabled=true；
valueAxis3.renderer.grid.template.strokeDasharray=“2,3”；
valueAxis3.renderer.labels.template.fill=am4core.color（“#dfcc64”）；
valueAxis3.renderer.minWidth=60；
var series=chart.series.push（新的am4charts.LineSeries（））；
series.name=“2015”；
series.dataFields.dateX=“date1”；
series.dataFields.valueY=“price1”；
series.tooltipText=“{valueY.value}”；
series.fill=AM4核心颜色（“e59165”）；
series.stroke=am4core.color（#e59165”）；
系列。冲程宽度=3；
var series2=chart.series.push（新的am4charts.LineSeries（））；
series2.name=“2017”；
series2.dataFields.dateX=“date2”；
series2.dataFields.valueY=“price2”；
series2.yAxis=valueAxis2；
series2.xAxis=dateAxis2；
series2.tooltipText=“{valueY.value}”；
series2.fillOpacity=0.5；
//系列2.strokeWidth=3；
var series3=chart.series.push（新的am4charts.LineSeries（））；
series3.name=“2019”；
series3.dataFields.dateX=“date3”；
series3.dataFields.valueY=“price3”；
series3.yAxis=valueAxis3；
series3.xAxis=dateAxis3；
series3.tooltipText=“{valueY.value}”；
series3.fillOpacity=0.5；
chart.cursor=新的am4charts.XYCursor（）；
chart.cursor.xAxis=dateAxis2；
var scrollbarX=new am4charts.XYChartScrollbar（）；
scrollbarX.series.push（系列）；
chart.scrollbarX=scrollbarX；
chart.legend=新的am4charts.legend（）；
chart.legend.parent=chart.plotContainer；
chart.legend.zIndex=100；
valueAxis2.renderer.grid.template.strokeOpacity=0.07；
dateAxis2.renderer.grid.template.strokeOpacity=0.07；
dateAxis.renderer.grid.template.strokeOpacity=0.07；
valueAxis.renderer.grid.template.strokeOpacity=0.07；
}); // 结束am4core.ready（）
body{背景色：#30303d；颜色：#fff；}
#沙特迪夫{
宽度：100%；
高度：500px；
}