score:1
Accepted answer
you can use minpadding
and maxpadding
properties, but their value is relative to the length of the axis.
you can also define pointrange
as 2
and correct ticks by using tickpositions
or tickpositioner
:
plotoptions: {
column: {
stacking: 'normal',
pointrange: 2,
pointwidth: 20,
}
},
xaxis: {
maxpadding: 0,
minpadding: 0,
tickpositions: [0, 1, 2]
},
live demo: http://jsfiddle.net/blacklabel/2xdwuah9/
finally, you can reset default margins and specify min
and max
for the x-axis:
plotoptions: {
column: {
stacking: 'normal',
pointrange: 0,
pointwidth: 20,
}
},
xaxis: {
maxpadding: 0,
minpadding: 0,
min: -1,
max: 3
},
live demo: http://jsfiddle.net/blacklabel/96pw12u0/
api reference:
https://api.highcharts.com/highcharts/xaxis.minpadding
https://api.highcharts.com/highcharts/series.column.pointrange
Source: stackoverflow.com
Related Query
- How to remove space in between bars in HighCharts bar chart?
- How to remove empty space between bars in Highcharts polar chart?
- How to create constant space between bars/columns in Highcharts?
- How to reduce the space between Bars with a fixed bar width in Highcharts column chart?
- How can I do in Highchart to have 1px space between the columns and the y Axis?
- How to add space between chart and axis in highcharts
- Highcharts - How can I decrease space between categories?
- How to change space value between grid and yAxis in Highcharts line chart
- Highcharts columns - fixed border width, remove spacing between the bars
- How do I create data binding between highcharts and Polymer 1.0
- Highcharts - Space between bars based on the bars' width
- Highcharts Pie chart how to reduce space between chart and legend caused by plot width
- How to shrink space between numbers on y-axis in HighCharts
- how to change the width between columns ? HIGHCHARTS
- How to fill the blank space between the bars with specific color in gantt chart of highcharts?
- Highcharts how do i keep space between series the same but increase space between categories?
- How to add space between series in stacked columns in HighChart?
- How to space columns in HighCharts
- Highcharts Stacked Bar: How to remove spacing between bars
- How to create a column range chart in Highcharts using range and navigator functions?
- Space between columns
- HighCharts - How to create dynamic chart that exports EVERYTHING
- Highcharts - How to remove connecting line between fixed tooltip and point
- Remove space between yAxis and data in highcharts
- Highcharts: How to remove tiny space between stacked bars/columns
- Highcharts padding between plot and graph, how to remove?
- In highcharts's stacked bar chart, how can I remove the white space between different
- remove tooltip space between border and content highcharts
- How do I reduce the space between title and chart of a High Chart?
- How to create an inner circle pie chart in Highcharts
More Query from same tag
- How to set "Y" position in label Highcharts
- How to reformat a HighChart series to for CSV export
- How to fetch JSON data from HTML DIV on same page for Highcharts?
- Achieving communication between HighCharts and server.R
- Highcharts Date.UTC does not work properly for real data
- how to show one more array in the tooltip using highchart?
- Adding multiple dynamic series and axes via JSON into Highcharts
- HighCharts/Javascript: Resample Monthly Data Series to Quarterly/Yearly?
- Highcharts zIndex of Y-Axis title
- Disable a complete bar in highcharts when clicking on its label
- highcharts how to set y-axis index for series data(categories),not series(legend)
- Proper x-axis for Highcharts stack group column
- HighCarts Pie not showing value in pie label
- Highcharts with reveal.js: Refresh chart with slide?
- Uncaught TypeError: c.color.tweenTo is not a function
- Slider implementation for the dates on the x-axis not working correctly in Highcharts
- Highcharts, displaying two sets of data on the same line chart
- Plotting time series with different scales with Hichcharts
- Stacked column chart with irregular date time interval
- How to replace label line with dot in highcharts
- Range Selector in Are Graph of High Chart
- Legend and DataLabels with different "names"
- charts cause memory leak
- Highcharts - Format overlapping scatter points in a shared tooltip
- How to add table on click over each column in Highcharts Reactjs?
- Highcharts spiderweb chart resizes axis after calling series.setData
- Uncaught TypeError: Object [object Object] has no method 'highcharts'
- Is it possible to set Highcharts to hide tooltip when the mouse pointer is 30px away
- Create entire highchart object on server side
- highcharts datetime point at fixed distance