horizontalBarFixedHeight

by bairog

HTML

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

<body style="background-color: grey;">
<div id="chartDiv" style="height: 100px; border: 1px solid red;"><canvas id="chart"></canvas></div>
</body>

JavaScript

var barChartData = {
  labels: [""],
  datasets: [{
      label: "Воодушевлённые сотрудники",
      backgroundColor: "rgba(68,222,166,1)",
			barThickness: 50,
      //hoverBackgroundColor: "rgba(34,139,34,1)",
      data: [177]
    },
    {
      label: "Напряжённые сотрудники",
			barThickness: 50,
      backgroundColor: "rgba(218, 65, 102, 1)",
      //hoverBackgroundColor: "rgba(255, 0, 0, 1)",
      data: [170]
    }
  ]
};

var optionsBar = {
  legend: false,
  maintainAspectRatio: false,
  title: {
    display: false    
  },
  scales: {
    xAxes: [{
      stacked: true,
      display: false
    }],
    yAxes: [{
      stacked: true,
      display: false
    }]
  }
};


var ctx = document.getElementById("chart");
var myChart = new Chart(ctx, {
  type: 'horizontalBar',
  data: barChartData,
  options: optionsBar
});