Line

by bairog

HTML

<head>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
</head>

<div id="chartDiv"><canvas id="chart"></canvas></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.bundle.min.js"></script>

JavaScript

var data = {
  labels: ["Дата1", "Дата2", "Дата3", "Дата4"],
  datasets: [{
    label: "Напряжённые сотрудники",
    //lineTension: 0,  
    fill: false,  
    borderColor: "#2394DF",
    backgroundColor: "#2394DF",
    //hoverBackgroundColor: "rgba(34,139,34,1)",
    data: [115, 99, 182, 12]
  },
  {
    label: "Воодушевлённые сотрудники",
    //lineTension: 0,  
    fill: false,  
    borderColor: "#F4EB49",
    backgroundColor: "#F4EB49",
    //hoverBackgroundColor: "rgba(34,139,34,1)",
    data: [15, 102, 73, 54]
  }]
};

var options = {
  //legend: false,
  title: {
    display: true,
    //fontFamily: "'Lato', sans-serif",
    fontStyle: 'normal',
    fontSize: '26',
    fontColor: 'white',
    text: "ДИНАМИКА СОТРУДНИКОВ"
  },
  scales: {
    xAxes: [{
      
    }],
    yAxes: [{
      
    }]
  }
};


var ctx = document.getElementById("chart");
//ctx.style.backgroundColor = '#0B0E11';
Chart.defaults.global.defaultFontFamily = "'Lato', sans-serif";
var myChart = new Chart(ctx, {
  type: 'line',
  data: data,
  options: options
});