Gradient fill for line type chart

[OstapchelaEst]

When selecting a linear type of graph I want to make a gradient fill as in one of the examples.

But something goes wrong and I get this result and I can't fix it

Here's my code
https://jsfiddle.net/0awzmqot/2/

[martynasma]

If you need LineSeries fill to go to the axis line, you need to remove openValueYField from its settings, or otherwise it will fill to the open value rather than zero line.

  var series;
  switch (seriesType) {
    case "line":
    	delete newSettings.openValueYField;
      series = mainPanel.series.push(am5xy.LineSeries.new(root, newSettings));
      series.fills.template.setAll({
        visible: true,
        fillOpacity: 0.2
      });   
      break;
    case "candlestick":
    case "procandlestick":
      newSettings.clustered = false;
      newSettings.openValueYField = "Open";
      series = mainPanel.series.push(am5xy.CandlestickSeries.new(root, newSettings));
      if (seriesType == "procandlestick") {
        series.columns.template.get("themeTags").push("pro");
      }
      break;
    case "ohlc":
      newSettings.clustered = false;
      newSettings.openValueYField = "Open";
			series = mainPanel.series.push(am5xy.OHLCSeries.new(root, newSettings));
      break;
  }

[github-actions]

This issue is stale because it has been open 30 days with no activity. It will be closed in 5 days unless a new comment is added.