CEO Donut

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

$(function() {
  $('#container').highcharts({
    chart: {
      type: 'line',
      width: 420,
      height: 280,
      backgroundColor: '#fff'
    },
    title: {
      text: ' '
    },
    xAxis: {
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Nov', 'Dec'],
      title: {
        text: null
      },
      labels: {
        style: {
          fontFamily: 'Open Sans',
          fontSize: '15px',
          color: '#595959'
        }
      },

    },
    yAxis: {
      min: 0,
      max: null,
      tickInterval: null,
      title: {
        text: ' ',
      },
      labels: {
        style: {
          fontFamily: 'Open Sans',
          fontSize: '15px',
          color: '#595959'
        }
      },
    },
    plotOptions: {
      series: {
        stickyTracking: false,
        dashStyle: "Solid",
        marker: {
          enabled: false
        },
      }
    },
    legend: {
      borderWidth: 0,
      itemStyle: {
        fontWeight: 'normal',
        fontFamily: 'Open Sans',
        fontSize: '15px',
        color: '#595959'
      }
    },
    tooltip: {
      valueSuffix: ' millions'
    },
    plotOptions: {
      column: {
        dataLabels: {
          y: 20,
          color: '#ffffff',
          enabled: true,
          fontWeight: 'normal',
        }
      }
    },

    series: [{
      name: 'Wait time',
      data: [6, 5, 6, 7, 7, 5, 7, 5, 6, 10],
      color: '#c0504d',
      marker: {
        enabled: false
      },
      
    }]
  });
});