JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.min.js"></script>
<canvas id="ctx"></canvas>
JavaScript
var optionLabels = ['Jan', 'Feb'],
optionData = [1, 2],
optionColor = ['red', 'green'];
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: optionLabels,
datasets: [{
label: '# of Resources',
data: optionData,
backgroundColor: optionColor,
borderColor: "white",
borderWidth: 1,
}]
},
options: {
legend: {
position: 'left'
}
}
});