JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
toolTip: {
shared: true,
},
data: [
{
type: "stackedArea",
name: "2019",
showInLegend: true,
fillOpacity: 0.1,
dataPoints: [
{ label: "Jan", y: 10 },
{ label: "Feb", y: 15 },
{ label: "Mar", y: 20 },
{ label: "Apr", y: 18 },
{ label: "May", y: 11 },
{ label: "Jun", y: 15 },
{ label: "Jul", y: 19 },
{ label: "Aug", y: 22 },
{ label: "Sep", y: 25 },
{ label: "Oct", y: 20 },
{ label: "Nov", y: 22 },
{ label: "Dec", y: 16 },
],
},
{
type: "stackedArea",
name: "2020",
showInLegend: true,
fillOpacity: 0.1,
dataPoints: [
{ label: "Jan", y: 10 },
{ label: "Feb", y: 15 },
{ label: "Mar", y: 20 },
{ label: "Apr", y: 18 },
{ label: "May", y: 11 },
{ label: "Jun", y: 15 },
{ label: "Jul", y: 19 },
{ label: "Aug", y: 22 },
{ label: "Sep", y: 25 },
{ label: "Oct", y: 20 },
{ label: "Nov", y: 22 },
{ label: "Dec", y: 16 },
],
},
{
type: "stackedArea",
name: "2021",
showInLegend: true,
fillOpacity: 0.1,
dataPoints: [
{ label: "Jan", y: 10 },
{ label: "Feb", y: 15 },
{ label: "Mar", y: 20 },
{ label: "Apr", y: 18 },
{ label: "May", y: 11 },
{ label: "Jun", y: 15 },
{ label: "Jul", y: 19 },
{ label: "Aug", y: 22 },
{ label: "Sep", y: 25 },
{ label: "Oct", y: 20 },
{ label: "Nov", y: 22 },
{ label: "Dec", y: 16 },
],
},
{
type: "stackedArea",
name: "2022",
showInLegend: true,
fillOpacity: 0.1,
dataPoints: [
{ label: "Jan", y: 10 },
{ label: "Feb", y: 15 },
{ label: "Mar", y: 20 },
{ label: "Apr", y: 18 },
{...