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 Query
- How to remove a gap in high charts graph with two yAxis
- High charts remove dots from the line graph
- How to fill the Area between two series with multiples yAxis in HighChart?
- How to put two charts on the same page with different modules?
- Nested table yields unexpected columns for a basic column graph using high charts with 'Data defined in a HTML table'
- Highcharts how to align two charts yAxis on the same line
- How to create a drilleable bar graph in jsp page using open source charts API
- How to remove the gap between yAxis and data?
- How can i draw a high chart with two labels in x coordinate using highchart
- How can I graph two sensor data values with Highcharts?
- 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
- How to remove space between highChart bar graph between two different category
- high charts - how do I get a stacked graph to the full width?
- How to remove the gap between the bar in my barchart with barwidth defined in highcharts
- How to show bar of graph in different colour when it reaches threshold level in high charts in JS?
- High charts bar chart label overlaps with the graph when labels are long
- How to sort objects by creation date to plug into high charts with Meteor
- How to use High Charts with AJAX + SpringMVC
- How do I get remove of 'data table' option from High chart export
- knockoutJS dynamic chart with high charts
- how to remove the base line on the yaxis of highcharts?
- How to align HTML span at center of highchart donut graph with responsive design?
- How to set the x value for High Charts error bar
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- High Charts - mouse over event on any part of graph
- How to generate multiple high charts in ng-repeat
- Highcharts pie graph with two rings filtering
- How to use drilldown upto level 3 with different charts on each level in highcharts?
More Query from same tag
- How to enable the vertical scrollbar in Highcharts?
- How to make Highcharts to use all the colours when replotting? (it is repeating colours unnecessarily)
- How to get the axis value with respect to the cross hair in highcharts
- Position next and previous buttons on far right and left side of the Highchart
- Why inactive option not working on scatter highcharts
- Force Highcharts to display tooltip outside of div/container
- How to programatically (Python) scrape streaming live stock chart ticker data and its indicators
- Finding the Y axis value for a plot line in HIghCharts.js
- ASP.NET Controller return variable View access
- HighCharts - HighStock - Show Date for Candlestick & Volume
- Highcharts export (PhantomJS) to server does not show words
- Highcharts: Positioning the toolip with chart.plotLeft
- How can I specify custom end markers in a scatter series with Highcharts 9?
- Show tooltip over a second graph
- adding more data in highchart
- map.js is not working with highstock in 4.2.4 version ( mapNavigation )
- How to add multiple series dynamically and update its data dynamically
- Highcharts organization charts - nodes displayed incorrectly
- Can I use a simple path for an area chart's legend item symbol?
- Highcharts opacity of series color in line chart not active
- highcharts xAxis yearly data
- how to add percentage sign along with int value in graph in java script
- How to format y values in a tool tip to show commas?
- Is there a way to config high chart Y Axis label to appear larger?
- uploading external csv file to highcharts not working
- Change size of highcharts points on mobile
- Highcharts - how to set line height in multiline annotations labels in styled mode
- In Highchart, use JSON file instead of csvURL
- Highcharts - degraded tooltip rendering performance
- CSS Style not getting applied to a series in Highchart