Highcharts seems to create numbers that are not inside categories. Is there a way to auto-adjust data to fit into the categories.
this.options = {
chart: {
type: 'line'
},
title: {
text: 'Line Test Chart'
},
subtitle: {
text: ''
},
xAxis: {
categories: [2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017],
crosshair: true
},
yAxis: {
stackLabels: { enabled: true}
},
tooltip: {
headerFormat: '<b>{point.x}</b><br/>',
pointFormat: '{series.name}: {point.y}'
},
plotOptions: {
column: {
stacking: 'normal',
grouping: false,
dataLabels: {enabled: true},
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Construction--Spending Non-Residential',
data: [100, 99, 98, 99, 99, 100, 99, 97, 98, 99, 100, 99, 97, 99, 98, 99]
},{
name: 'Construction--Spending Residential',
data: [100, 98, 99, 97, 96, 98, 100, 97, 98, 96, 98, 97, 98, 100, 98, 97]
}]
};
}
options: Object;
See: Plunker Example
Image Example of what I am trying to achieve: Image Link
