xAxis ceiling 0

by oysteinmoseng

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>

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

CSS

#container {
    width: 600px;
    height: 300px;
    margin: 1em auto;
}

JavaScript

var series7 = {
  name: '7 Things',
  data: [{
    name: 'Animals in the Amazon',
    y: 5
  }, {
    name: 'Fruits I like very much',
    y: 2
  }, {
    name: 'Cars that can go fast',
    y: 4
  }, {
    name: 'Colors that are pretty',
    y: 1
  }, {
    name: 'Point 5',
    y: 1
  }, {
    name: 'Point 6',
    y: 1
  }, {
    name: 'Point 7',
    y: 1
  }]
};

var config1 = {
    chart: {
        type: 'column'
    },
    title: {
        text: '7 series w/ scrollbar'
    },
    xAxis: {
        type: 'category',
        ceiling: 0.2,
        scrollbar: {
            enabled: true,
            showFull: true
        },
    },
    legend: {
        enabled: false
    },
    plotOptions: {
        column: {
        	colorByPoint: true
				}
    },
    series: [series7]
};

var chart = Highcharts.chart('container', config1);