Cassava area 1961-2014

author(s): Erik Delaquis

by E D

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

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

CSS

#container {
  min-width: 310px;
  max-width: 650px;
  height: 400px;
  margin: 0 auto
}

JavaScript

Highcharts.chart('container', {

  title: {
    text: 'Major cassava production regions, 1961-2014'
  },

  subtitle: {
    text: 'Source: FAOSTAT (data retrieved 2016)'
  },

  yAxis: {
    title: {
      text: 'Cassava area (ha)'
    }
  },
  xAxis: {
    title: {
      text: 'Year'
    }
  },
  legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle'
  },

  plotOptions: {
    series: {
      label: {
        connectorAllowed: false
      },
      pointStart: 1961
    }
  },

  series: [{
    name: 'Eastern Africa',
    data: [1413619, 1366871, 1411648, 1336764, 1464961, 1334019, 1428962, 1411454, 1490819, 1728288, 1716503, 1584662, 1710415, 1715524, 1871351, 1787237, 1827145, 1887558, 1724664, 1749000, 1738225, 1853731, 1923139, 1955754, 1880704, 1951891, 1900178, 1966687, 2036194, 2152189, 2193252, 2110708, 2030832, 2110928, 2102019, 2182971, 2191506, 2272839, 2329664, 2335108, 2278348, 2384106, 2417315, 2498683, 2523643, 2291355, 2455049, 2508988, 2915235, 2942411, 3066498, 3122763, 3180204, 3319002

    ]
  }, {
    name: 'Western Africa',
    data: [1356221, 1474293, 1462198, 1553312, 1520295, 1627233, 1673067, 1599138, 1615993, 1583075, 1619513, 1680566, 1708064, 1749935, 1833860, 1821830, 1831413, 1876150, 1915326, 1924344, 1931629, 2086415, 1896339, 2090618, 1916427, 2054846, 2228607, 2405880, 2702243, 2609491, 3742291, 3991218, 4072914, 4207393, 4262051, 4308913, 4136930, 4496942, 4891554, 4853729, 4972859, 5194059, 5436496, 5464984, 5572581, 5706641, 5927245, 6014630, 5368181, 5784636, 6406320, 8583017, 9088435, 9728274

    ]
  }, {
    name: 'Americas',
    data: [1815514, 1931262, 2081945, 2216316, 2273619, 2298364, 2449798, 2548650, 2598681, 2594609, 2736762, 2726602, 2751823, 2689357, 2724535, 2762704, 2851701, 2801214, 2752914, 2645138, 2755777, 2765512, 2711506, 2468626, 2525711, 2724535, 2629435, 2481646, 2647813, 2739098, 2642280, 2532288, 2541196, 2557334, 2720290, 2278594, 2346814, 2404791, 2414502, 2522755,...