score:1
To increase width between two bar in highcharts.js you can use groupPadding,
API: http://api.highcharts.com/highcharts#plotOptions.bar.groupPadding
Example: http://jsfiddle.net/6j3y54na/2/
groupPadding: 0.2
If you want to increase gap between bars in same group then you can use pointPadding
API: http://api.highcharts.com/highcharts#plotOptions.bar.pointPadding
score:1
Use pointWidth property, a pixel value specifying a fixed width for each column or bar:
plotOptions: {
series: {
stacking: 'percent',
pointWidth: 5
}
},
score:0
pointWidth is the parameter to set the width for bar width .Refer this jsFiddle
$(function () {
$('#container').highcharts({
chart: {
type: 'bar',
marginLeft: 50,
marginBottom: 90
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
series: {
stacking: 'percent', pointWidth: 4
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}, {
data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
}]
});
});
Source: stackoverflow.com
Related Articles
- How to increase width between two bar in highcharts.js
- Highcharts - Space between bars based on the bars' width
- Highcharts Interactivity between plots - looking for code improvements
- Increase width of Xaxis title in bar chart in highcharts
- Highcharts Pie chart how to reduce space between chart and legend caused by plot width
- Highcharts increase the space/gap between grouped data series
- how to change the width between columns ? HIGHCHARTS
- How to reduce the space between Bars with a fixed bar width in Highcharts column chart?
- Highcharts how do i keep space between series the same but increase space between categories?
- Highcharts - issue about full chart width
- Highcharts width exceeds container div on first load
- Maximum bar width in Highcharts column charts
- HighCharts full width issue
- Fixed y-axis label width in Highcharts
- How do you increase the performance of highcharts chart creation and rendering
- Highcharts Solid Gauge Width
- Highcharts - remove times between dates on a datetime xaxis type
- set width of chart, highcharts
- HighCharts - increase bar height and reduce bar gap
- Get Highcharts width
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts - How to remove connecting line between fixed tooltip and point
- Remove space between yAxis and data in highcharts
- Highcharts highlight area between two lines
- Stop HighCharts increasing width of line on hover
- How to add space between chart and axis in highcharts
- Column width in Highcharts when combined with spline
- highcharts draggable-points conflict between drag and click
- Highcharts padding between plot and graph, how to remove?
- Highcharts spans beyond bootstrap column width when implemented as an angular directive
- Gon variable is not defined in js.erb file using ajax
- Opacity colors in Highcharts (with default color)
- Highcharts cut my series - transform bad position
- Update Tooltip onclick using customButton Highcharts
- Highcharts - how to remove "Open in Highcharts Cloud" from the export menu
- Is there a way to increase the sensitivity of a specific point, in the purpose of showing a tooltip?
- Highcharts renders opposite y axis lower than chart's bottom
- Highcharts addSeries yAxis Label Formatting
- Remove DataPoint from x-axis redraw Issues
- Highstock - Comparison chart should be start with 0%
- Highcharts error #13: www.highcharts.com/errors/13 how to solve this error
- Highcharts labels cut off
- How to draw HighChart XAxis dynamically
- HighCharts chart asp.net mvc rendering
- Highcharts - Funnel, Line and Scatter
- highcharts sum up tooltip {point.y} with a specific number
- Highcharts date-format changes with data
- Highcharts: Is it possible to show Sunburst chart series data labels outside the leaf level nodes with connectors?
- Highcharts - Multiple pie charts from json
- Change line color in area-spline chart in Highcharts