Highcharts test tool

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container"></div>

CSS

#container {
  min-width: 300px;
  max-width: 800px;
  height: 300px;
  margin: 1em auto;
}

JavaScript

var options = {
  chart: {
    type: 'bar',
    height: 800
  },
  title: {
    text: ''
  },
  plotOptions: {
    bar: {
      dataLabels: {
        enabled: true
      }
    }
  },
  series: [{
    data: [{
     
  yAxis: {
    categories: [
      'ไทยเอกลักษณ์', 'ทิพย์สุโขทัย(อุตรดิตถ์)', 'ทิพย์กำแพงเพชร',
      'รวมผลฯ', 'นครเพชร', 'พิษณุโลก',
      'มิตรเกษตร (อุทัยธานี)', 'กำแพงเพชร', 'เกษตรไทยอุตสาหกรรมน้ำตาล',
      'ไทยรุ่งเรือง', 'สิงห์บุรี', 'สระบุรี',
      'มิตรผล', 'อุตสาหกรรมน้ำตาลบ้านไร่', 'นิวกรุงไทย',
      'สุพรรณบุรี', 'น้ำตาลและอ้อยตะวันออก', 'ระยอง',
      'นิวกว้าง', 'สหการชลบุรี', 'มิตรภูเวียง',
      'เอราวัณ', 'มิตรกาฬสินธุ์', 'โคราช',
      'รวมเกษตรกร', 'รวมเกษตรกร(ภูหลวง)', 'อ่างเวียน',
      'เริ่มอุดม', 'เกษตรผล', 'น้ำตาลไทยกาญจนบุรี (อุดรธานี)',
      'กุมภวาปี', 'ครบุรี', 'อีสาน',
      'สหเรือง', 'บุรีรัมย์', 'สุรินทร์',
      'ขอนแก่น', 'ขอนแก่น(เลย)', 'วังขนาย(มหาวัง)',
    ],
    labels: {
      formatter: function() {
        return this.value;
      }
    }
  },
  legend: {
    enabled: false
  },
  tooltip: {
    crosshairs: true,
    shared: true
  },
  yAxis: {
    title: {
      text: ''
    }
  }
};
$('#container').highcharts(options);