score:2
You can set for xAxis:
xAxis: {
labels: {
enabled: true,
formatter: function () {
return categories[this.value];
}
},
tickInterval: 1,
minPadding: 0,
maxPadding: 0,
min: 0.5, // remove padding
max: categories.length - 1.5, // remove padding
startOnTick: false, // allow to start not from tick
endOnTick: false // allow to end not at tick
},
Example: http://jsfiddle.net/p2EYM/24/ - turn on Revenue - you will see that first and last column will be cut off.
score:0
The reason it is doing this is because, even though the series is hidden on load, you have a column series that needs the width to display. If you just show series "Revenue" you can see it is using that empty space that was there before. You could also play with tickPixelInterval
- but for that you need to not use a categorized xAxis.
See this example.
I also set showEmpty
to false for both yAxis elements.
score:0
If you change the last of series from
type: 'column',
to
type: 'areaspline',
there will be no gaps on left and right side. Do you need type column
?
Solution for your problem is answered here Highcharts Remove Space across the x-Axis by user Dusty. You have to setup for x-axis:
min: 0.5,
max: 10.5,
Note: if you turn your column
type series to visible: true
half of the first and the last column will be cut-off.
Source: stackoverflow.com
Related Articles
- How to remove a gap in high charts graph with two yAxis
- High charts remove dots from the line graph
- Nested table yields unexpected columns for a basic column graph using high charts with 'Data defined in a HTML table'
- High charts bar chart label overlaps with the graph when labels are long
- knockoutJS dynamic chart with high charts
- High Charts - mouse over event on any part of graph
- High charts queue chart updates after ajax with multiple charts in firefox
- Remove the border around the pie chart in high charts
- High charts (Time Series Zoomable) not working with my data
- Can we Fixed High charts graph portion height irrespective of number of series or legends?
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- not able to show x axis data with datetimelabel format with {hh:mm} in high charts
- Stock High Charts with Custom points on X-axis
- High Charts - area chart with gradient & threshold
- Multiple pie charts in 1 graph with split tooltip Highcharts.js
- High Charts Line Chart with missing data
- How to create a drilleable bar graph in jsp page using open source charts API
- High Charts - Remove the auto shrink the timeframe in x-Axis
- High charts Issue with stock bar chart multiple line series
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- High Charts Polar / Spider chart with off-graph y-axis labels
- How to set High charts series with X and Y value from mysql database
- How Do I put Multiple Charts on the Same Graph rCharts High Charts
- How to remove High Charts Gird Lines
- High Charts Stacked column with drilldown not working properly
- High Charts for an area-spline chart with area fill on only one data set in series
- High Charts Graph insert into PDF using FPDF library
- high charts - how do I get a stacked graph to the full width?
- high charts line graph x-axis issue
- I want to add border radius in stack graph in high charts for some particular data
- Highcharts: Not showing values, datetime type
- Highcharts - is it possible to maintain grouping in scatter chart
- Disabling highcharts stacked bar's highlight
- TypeError: null is not an object (evaluating 'b.body') - Highcharts/wkhtmltopdf
- Shared tooltips on a pie in a donut?
- How do I calculate the total Data values for both and display in Legend
- Highcharts graph not displaying on safari and internet explorer for PC and iPhone
- Hide one serie's dataLabel on Highcharts
- How do I change the tool tip color in highchart?
- Highcharts one input of the three not working
- onclick trigger resize, highcharts
- Highchart data rendering underneath Bootstrap Popover
- Highchart stacked area empty spaces (negative values)
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- Highcharts maxWidth or maxHeight of map
- Revert theme to default
- Json in perfect form but Highcharts chart won't populate
- Bind Highchart to variable, all within a div?
- wicked_pdf gem + Highcharts
- Remove axis line from highchart graphic