Mixing line and area series

In this section, we are going to explore different plots including line and area series together, as follows:

• Creating a projection chart, where a single trend line is joined with two series in different line styles

• Plotting an area spline chart with another step line series

• Exploring a stacked area spline chart, where two area spline series are stacked on top of each other

Simulating a projection chart

The projection chart has a spline area with the section of real data, and continues in a dashed line with the projection data. To do that we separate the data into two series, one for real data and the other for projection data. The following is the series configuration code for the data from the year 2015 to 2024. This data is based on the National Institute of Population and Social Security Research report (http://www.ipss.go.jp/pp-newest/e/ppfj02/ppfj02.pdf):

            series: [{
                name: 'project data',
                type: 'spline',
            ...