TTDI Stem production

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>

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'area'
    },
    title: {
        text: 'Stems produced and disseminated by KU-TTDI initiatives'
    },
    subtitle: {
        text: 'Source: Thai Tapioca Development Institute'
    },
    xAxis: {
        categories: ['2537',	'2538',	'2539',	'2540',	'2541',	'2542',	'2543',	'2544',	'2545',	'2546',	'2547',	'2548',	'2549',	'2550',	'2551',	'2552',	'2553',	'2554',	'2555',	'2556',	'2557',	'2558',	'2559',	'2560',	'2561'
],
        tickmarkPlacement: 'on',
        title: {
            enabled: false
        },  plotLines: [{
            color: 'grey',
            width: 2,
            value: 7,
            dashStyle: 'longdashdot',
    label: { 
    text: 'HB60', 
    align: 'right',
    y: +30}
  }]
    },
    yAxis: {
        title: {
            text: 'Number of stems distributed (millions)'
        },
        labels: {
            formatter: function () {
                return this.value / 1000000;
            }
        }
    },
    tooltip: {
        split: true,
        valueSuffix: ' stems ',    
        
    },
    plotOptions: {
          series: {
        dataLabels: {
          enabled: false,
          formatter: function() {
            if (this.y > 0) {
              return this.y;
            }
          }
        }
      },
        area: {
            stacking: 'normal',
            lineColor: '#666666',
            lineWidth: 1,
            marker: {
                enabled: false
            }
        }
    }, 
    series: [{
        name: 'KU50',
        data: [1797000,	0,	5970356,	8028750,	3900000,	3682980	,	0	,	0	,	36000	,	0	,	0	,	2752275	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	535910	,	0	,	258000	,	50950	,	47040]
    }, {
        name: 'R5',
        data: [0	,	7800	,	484000	,	2676250	,	1100000	,	1578420	,	0	,	120000	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	0	,	219940	,	0	,	0	,	0	,	0]
    }, {
        name: 'R72',
        data:...