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 get hovered date in Highcharts spline?
- Is it possible to change linecolor for timeline chart in between specific points?
- Google Charts, HighCharts or ChartJS Dual Axis Gantt Chart and Line Chart Visualization
- Merging related timeseries data
- highchart line chart last null value is not conected with line
- Highcharts not rendering
- Highcharts hide not active series from legend when taking screenshot
- Highcharts small size div not showing minorTickInterval
- Change HighCharts axis title in 2.1.4
- How to remove white space around HighChart
- HighCharts issues in Dual axes, line and column charts
- Standardizing two Hashes to include same keys
- JS Highchart Import CSV data
- Hightchart map pie : clic and hide specific pie
- Highcharts drilldown with more than one series
- Sort stackbar chart in highchart based on size of each stackbar
- highcharts-ng is not displaying pie chart
- Highcharts not display for iOS and Safari
- Dojo chart not re-rendering to update series
- Highcharts: what is the difference between event.target and event.currentTarget
- Highcharts - label placement for categorized y-axis
- how to reduce the spacing between the columns? HIGHCHARTS
- Highcharts distance from crosshair to tooltip
- Highcharts age pyramid stacked bar (grouping)
- Scale graph in angular
- Display real time scale on xAxis
- Remove step line points
- How could we plot graphical representation using High Charts where one x-axis value have multiple y-axis value
- Issue on Switching Highcharts.js Spider Web Chart and Column Chart
- How to draw a line through Y axis 0 value