Files
noodl-docs/library/modules/chartjs/charts/stacked-line.md
Eric Tuvesson 53f0d6320e Initial commit
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
2023-09-05 12:08:55 +02:00

1.1 KiB

title, hide_title
title hide_title
Stacked Line Chart | Chart.js Module true

Stacked Line Chart Example

Basic

Outputs.Data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "Dataset 1",
            data: [
                -95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,
                -58.07098765, 41.22085048
            ],
            borderColor: "rgb(255, 99, 132)",
            backgroundColor: "rgba(255, 99, 132, 0.5)"
        },
        {
            label: "Dataset 2",
            data: [
                48.94890261, 26.84156379, 73.66426612, -52.55829904, 21.01337449,
                -29.07750343, -0.36179698
            ],
            borderColor: "rgb(54, 162, 235)",
            backgroundColor: "rgba(54, 162, 235, 0.5)"
        }
    ]
}
Outputs.Scales = {
  y: {
    stacked: true
  }
}
Outputs.Plugins = {
  filler: {
    propagate: true
  }
}