CEE Peer Ranking - Brand (100 points)

by Danielle Parkinson

HTML

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

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

CSS

#container {
	min-width: 310px;
	max-width: 1000px;
	height: 400px;
	padding: 20px auto
}

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'line',
        height: '350px',
        width: '930',
    },
    credits: {
    		enabled: false
    },
    title: {
        text: ' '
    },
    subtitle: {
        text: ' '
    },
    
    xAxis: {
        categories: ['1st', '2nd', '3rd', '4th', '5th', '6th', '7th', '8th', '9th', '10th', '11th', '12th', '13th', '14th', '15th', '16th', '17th', '18th', '19th', '20th','21st', '22nd', '23rd', '34th', '35th', '36th', '37th', '38th', '39th', '40th', '41st', '42nd', '43rd', '44th', '45th', '46th', '47th', '48th', '49th', '50th','51st', '52nd', '53rd', '54th', '55th', '56th', '57th', '58th', '59th', '60th', '61st', '62nd', '63rd', '64th', '65th', '66th', '67th', '68th', '69th', '70th','71st', '72nd', '73rd', '74th', '75th', '76th', '77th', '78th', '79th', '80th', '81st', '82nd', '83rd', '84th', '85th', '86th', '87th', '88th', '89th', '90th','91st', '92nd', '93rd', '94th', '95th', '96th', '97th', '98th', '99th', '100th', '11th', '12th', '13th', '14th', '15th', '16th', '17th', '18th', '19th', '20th'],
      tickLength: 0,
      title: {
        text: ' ',
        style: {
          fontFamily: 'Arial',
          fontWeight: 'normal',
          fontSize: '14px',
          color: '#333',
        },
      },
      labels: {
        enabled: false,
        style: {
          fontFamily: 'Arial',
          fontWeight: 'normal',
          fontSize: '14px',
          color: '#333',
        },
      }
    },
    yAxis: {
        title: {
            text: 'Average CEE Score',
            style: {
            fontFamily: 'Arial',
            fontWeight: 'normal',
            fontSize: '14px',
            color: '#333',
          },
        },
        labels: {
          enabled: true,
          format: "{value:.2f}",
          style: {
            fontFamily: 'Arial',
            fontWeight: 'normal',
            fontSize: '14px',
            color: '#333',
          },
        }
    },
    tooltip: {
       ...