We are using the Chart-card component and exactly copied the code from the example . It works fine for the values supplied in the example but doesnt work with custom values in Y axis .

/****** Sample Code ****************************/

CPU Memory(GB) Storage(TB) -cpu-lineChart" height="250px"> -mem-lineChart" height="250px"> -storage-lineChart" height="250px">

function createLineChart(divid,dataX,dataY) { console.log(dataY); var ctxL = document.getElementById(divid).getContext('2d'); var myLineChart = new Chart(ctxL, { type: 'line', data: { labels: dataX, datasets: [ { fill: false, borderColor: "#673ab7", pointBackgroundColor: "#673ab7", data: dataY } ] }, options: { responsive: false, legend: { display: false }, elements: { line: { tension: 0.0 } }, scales: { xAxes: [{ gridLines: { display: false, }, ticks: { padding: 15, height: 30 } }], yAxes: [{ gridLines: { drawBorder: false }, ticks: { maxTicksLimit: 5, padding: 15, min: 880, max: 890 } }] } } }); } // Line //var dataX=; //var dataY=; //alert(dataX); var dataX=strX.split(","); var datacpu=strCPU.split(",").map(x=>+x); var datamem=strMEM.split(",").map(x=>+x); var datastorage=strSTO.split(",").map(x=>+x); //var dataX=["8 AM", "10 AM", "12 PM", "2 PM", "4 PM", "6 PM", "8 PM"]; var dataY=[1,2,3,4,5,6,7,8,9,10]; createLineChart("-cpu-lineChart",dataX,dataY); createLineChart("-mem-lineChart",dataX,datamem); //createLineChart("-storage-lineChart",dataX,datastorage);

---