array

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PoleMoje</title>
  </head>
  <body>
    <div id="chartContainer" style="height: 370px; width: 100%;"></div>
    <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
  </body>
</html>

JavaScript

window.onload = function () {

  var dataArray = [10,13,18,20,17,10,13,18,20,17,20,17,10,13,18,10,13,18,27,13,18,27,20,17,15,19,29,31,25,10];

  var dps = [];

  var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    title: {
      text: "Teplota v 18 za Marec"
    },
    axisX: {
      //valueFormatString: "DD",
      //minimum: new Date(2021, 2, 1, 23),
      //maximum: new Date(2021, 2, 31, 1)
    },
    axisY: {
      title: "Teplota v °C"
    },
    legend: {
      verticalAlign: "top",
      horizontalAlign: "right",
      dockInsidePlotArea: true
    },
    toolTip: {
      shared: true
    },
    data: [{
      name: "Teplota",
      showInLegend: true,
      legendMarkerType: "square",
      type: "area",
      color: "rgba(40,175,101,0.6)",
      markerSize: 10,
      dataPoints: dps              
    }]	
  });

  function parseDataPoints () {
    for (var i = 0; i <= dataArray.length; i++)
      dps.push({y: dataArray[i]});     
  }

  parseDataPoints();
 //chart.options.data[0].dataPoints = dps;
  chart.render();

}