How to initialize stepline chart with a vertical line?

[viniciusrufop]

How to initialize stepline chart with a vertical line, similar to the red line in the image?

`
<apx-chart
[series]="chartOptions.series"
[chart]="chartOptions.chart"
[markers]="chartOptions.markers"
[stroke]="chartOptions.stroke"
[dataLabels]="chartOptions.dataLabels"
[title]="chartOptions.title"

`

this.chartOptions = { series: [ { name: "stepline-series", data: [10, 17, 20, 39, 42] } ], chart: { type: "line", height: 350 }, stroke: { curve: "stepline" }, dataLabels: { enabled: false }, title: { text: "Stepline Chart", align: "left" }, markers: { hover: { sizeOffset: 4 } } };