mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 07:12:53 +01:00
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>
40 lines
936 B
Markdown
40 lines
936 B
Markdown
---
|
|
title: Doughnut Chart | Chart.js Module
|
|
hide_title: true
|
|
---
|
|
|
|
# Doughnut Chart Example
|
|
|
|
## Basic
|
|
|
|
<div className="ndl-image-with-background l">
|
|
|
|

|
|
|
|
</div>
|
|
|
|
```js
|
|
Outputs.Data = {
|
|
labels: ["Red", "Orange", "Yellow", "Green", "Blue"],
|
|
datasets: [
|
|
{
|
|
label: "Dataset 1",
|
|
data: [96.79955418, 80.80761317, 36.31772977, 64.56447188, 7.52314815],
|
|
backgroundColor: [
|
|
"rgb(255, 99, 132)",
|
|
"rgb(255, 159, 64)",
|
|
"rgb(255, 205, 86)",
|
|
"rgb(75, 192, 192)",
|
|
"rgb(54, 162, 235)",
|
|
"rgb(153, 102, 255)",
|
|
"rgb(201, 203, 207)",
|
|
"rgba(255, 99, 132, 0.5)",
|
|
"rgba(255, 99, 132, 0.5)",
|
|
"rgba(75, 192, 192, 0.5)",
|
|
"rgba(54, 162, 235, 0.5)"
|
|
]
|
|
}
|
|
]
|
|
}
|
|
```
|