JSFiddle - React, Tailwind, and code Playground
by Osvaldo
HTML
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.2" defer></script>
<div class="chart-container" style="position: relative; height:auto; width:100%">
<canvas id="pie_chart_4" width="350" height="250"></canvas>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var ctx = document.getElementById("pie_chart_4").getContext("2d");
var pie_chart_4 = new Chart(ctx, {
type: 'radar',
data: {
datasets: [{
label: 'Dwarf',
data: [
2,
5,
3,
1,
4
],
backgroundColor: 'rgba(134, 139, 134, 0.2)',
borderColor: 'rgba(134, 139, 134, 1)'
},
{
label: 'Golum',
data: [
1,
5,
5,
2,
4
],
backgroundColor: 'rgba(142, 229, 187, 0.2)',
borderColor: 'rgba(142, 229, 187, 1)'
},
{
label: 'Hobit',
data: [
5,
3,
2,
4,
3
],
backgroundColor: 'rgba(255, 77, 22, 0.2)',
borderColor: 'rgba(255, 77, 22,...