Task#3

final

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

JavaScript

const numberOfPoints = 1;
const numberOfSeries = 100;

const math = Math.floor;
const series = [];

for (let i = 0; i < numberOfSeries; i++) {
  let pointPos = [];
  for (let j = 0; j < numberOfPoints; j++) {
    pointPos.push(math(Math.random() * (90 - 60) + 60));
  }

  series.push({
    data: pointPos
  })
}

Highcharts.chart('container', {
  chart: {
    type: 'bar',
    height: 500,
  },
  yAxis: {
    max: 125,
    lineWidth: 1
  },
  xAxis: {
    categories: [
      'BANK 1', 'BANK 2'
    ],
    crosshair: false
  },
  plotOptions: {
    series: {
      pointPadding: 0.2,
      groupPadding: 0,
      borderWidth: 0.1,
      pointWidth: 4,
    }
  },
  legend: {
    enabled: true
  },
  series: series
});