mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 23:32:54 +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>
63 lines
1.3 KiB
Markdown
63 lines
1.3 KiB
Markdown
---
|
|
title: Polar Area Chart | Chart.js Module
|
|
hide_title: true
|
|
---
|
|
|
|
# Polar Area Chart Example
|
|
|
|
## Basic
|
|
|
|
<div className="ndl-image-with-background l">
|
|
|
|

|
|
|
|
</div>
|
|
|
|
```js
|
|
Outputs.Data = {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [
|
|
{
|
|
label: "Dataset 1",
|
|
data: [
|
|
5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,
|
|
33.50823045, 9.38871742
|
|
],
|
|
borderColor: "rgb(255, 99, 132)",
|
|
backgroundColor: "rgba(255, 99, 132, 0.5)"
|
|
},
|
|
{
|
|
label: "Dataset 2",
|
|
data: [
|
|
80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,
|
|
76.09139232, 68.53566529
|
|
],
|
|
borderColor: "rgb(54, 162, 235)",
|
|
backgroundColor: "rgba(54, 162, 235, 0.5)"
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
### Centered point labels
|
|
|
|
<div className="ndl-image-with-background l">
|
|
|
|

|
|
|
|
</div>
|
|
|
|
```js
|
|
Outputs.Scales = {
|
|
r: {
|
|
pointLabels: {
|
|
display: true,
|
|
centerPointLabels: true,
|
|
font: {
|
|
size: 18
|
|
}
|
|
}
|
|
}
|
|
}
|
|
```
|