Files
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

69 lines
1.4 KiB
Markdown

---
title: Line Chart | Chart.js Module
hide_title: true
---
# Line Chart Example
## Basic
<div className="ndl-image-with-background l">
![](/library/modules/chartjs/charts/line-chart.png)
</div>
```js
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)"
}
]
}
```
### Change Interpolation modes
<div className="ndl-image-with-background l">
![](/library/modules/chartjs/charts/line-interpolation-chart.png)
</div>
```js
Outputs.Scales = {
x: {
display: true,
title: {
display: true
}
},
y: {
display: true,
title: {
display: true,
text: 'Value'
},
suggestedMin: -10,
suggestedMax: 200
}
}
```