easyJet trend

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>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'line',
    backgroundColor: '#fff',
    style: {
      fontFamily: 'Open Sans',
      color: '#2e2e2e'
    },
    height: 310,
    width: 1300
  },
  credits: {
    enabled: false
  },
  exporting: {
    enabled: false
  },
  title: {
    text: ' '
  },
  subtitle: {
    text: ' '
  },
  xAxis: {
    categories: ['October 2018', 'November 2018', 'December 2018', 'January 2019'],
    labels: {
      style: {
        color: 'black',
        fontSize: '13px',
        fontFamily: 'Open Sans'
      }
    },
    tickLength: 0
  },
  yAxis: {
    title: {
      text: ' '
    },
    //tickInterval: 5,
    gridLineColor: '#aec4db',
    labels: {
      style: {
        color: '#2e2e2e',
        fontSize: '13px',
        fontFamily: 'Open Sans'
      }
    }
  },
  tooltip: {
    pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
  },
  plotOptions: {
    area: {
      marker: {
        enabled: false,
        symbol: 'circle',
        radius: 2,
        states: {
          hover: {
            enabled: true
          }
        }
      }
    }
  },
  legend: {
    itemStyle: {
      color: 'black',
      fontSize: '13px',
      fontFamily: 'Open Sans',
      fontWeight: 'normal'
    }
  },
  series: [{
      name: 'Overall Booking',
      color: '#ff4600',
      data: [71, 73, 75, 74],
      dashStyle: 'shortdot',
      marker: {
        radius: 4,
        fillColor: '#fff',
        lineColor: '#ff4600',
        lineWidth: 2,
        symbol: 'circle'
      },
    },
    {
      name: 'easyJet holidays Website',
      color: '#35353f',
      data: [62, 61, 60, 63],
      marker: {
        radius: 4,
        fillColor: '#fff',
        lineColor: '#35353f',
        lineWidth: 2,
        symbol: 'circle'
      },
    },
    {
      name: 'easyJet holidays App',
      color: '#ff7b24',
      data: [68, 65, 65, 68],
      marker: {
        radius: 4,
        fillColor: '#fff',
       ...