JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>
JavaScript
var ctx = document.getElementById("myChart").getContext('2d');
var data_retorno = [
{
"labels":[
"January",
"February",
"March"
],
"datasets":{
"label":"My First dataset",
"fillColor":"rgba(220,220,220,0.2)",
"strokeColor":"rgba(220,220,220,1)",
"pointColor":"rgba(220,220,220,1)",
"pointStrokeColor":"#fff",
"pointHighlightFill":"#fff",
"pointHighlightStroke":"rgba(220,220,220,1)",
"data":[
"28",
"48",
"40"
]
}
}
];
data_retorno = data_retorno[0];
data_retorno.datasets = [].concat(data_retorno.datasets);
var myChart = new Chart(ctx, {
type: 'line',
data: data_retorno
});