TTDI stems stacked bar

author(s): Erik Delaquis

by E D

HTML

<script src="https://code.highcharts.com/highcharts.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" style="min-width: 310px; height: 450px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  title: {
    text: '<b>Stems produced and disseminated in Thailand by TTDI, disaggregated by variety</b>'
  },
  xAxis: [{
      categories: ['1992', '1993', '1994', '1995', '1996', '1997', '1998', '1999', '2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
      labels: {
        rotation: 270
      },
      title: {
        text: 'Gregorian Year',
      },
      plotLines: [{
        color: 'orange',
        width: 2,
        value: 11,
        dashStyle: 'dashdot',
        label: {
          text: 'HB60',
          align: 'right',
          y: +5,
          x: +12,
          rotation: 270,
        }
      },
      {
        color: 'black',
        width: 2,
        value: 2,
        dashStyle: 'dashdot',
        label: {
          text: 'R5',
          align: 'right',
          y: +5,
          x: +12,
          rotation: 270,
        }
      },
      {
        color: 'rgb(144,237,125)',
        width: 2,
        value: 7,
        dashStyle: 'dashdot',
        label: {
          text: 'R72',
          align: 'right',
          y: +5,
          x: +12,
          rotation: 270,
        }
      },
      {
        color: 'rgb(149,206,255)',
        width: 2,
        value: 0,
        dashStyle: 'dashdot',
        label: {
          text: 'KU50',
          align: 'right',
          y: +5,
          x: +12,
          rotation: 270,
        }
      },
      {
        color: 'rgb(153,158,255)',
        width: 2,
        value: 16,
        dashStyle: 'dashdot',
        label: {
          text: 'HB80',
          align: 'right',
          y: +5,
          x: +12,
          rotation: 270,
        }
      },  {
        color: 'rgb(255,117,153)',
        width: 2,
        value: 14,
        dashStyle: 'dashdot',
        label: {
          text: 'R7',
          align: 'right',
          y: +5,
          x:...