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: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]
}]
});
});
score:1
Use pointWidth property, a pixel value specifying a fixed width for each column or bar:
plotOptions: {
series: {
stacking: 'percent',
pointWidth: 5
}
},
Source: stackoverflow.com
Related Query
- How to increase width between two bar in highcharts.js
- Highcharts - How do I keep both line points in from splitting between the two bar charts
- How to reduce the space between Bars with a fixed bar width in Highcharts column chart?
- How to remove space in between bars in HighCharts bar chart?
- How to cut off the line in highcharts between two pointI
- How to customize both, width of the bar & spacing between bar in Highcharts.js
- How to increase spacing between sideway bar charts in highcharts?
- How to make hover effect for two bar in highcharts at the same time is there any way by using css or any inbuilt method to achieve this?
- Highcharts - How can I show arrow between two dials of gauge chart?
- 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
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- How to remove space between highChart bar graph between two different category
- how to change the width between columns ? HIGHCHARTS
- Highcharts how do i keep space between series the same but increase space between categories?
- How to remove the gap between the bar in my barchart with barwidth defined in highcharts
- Highcharts : How to apply padding between each bar on Y-axis
- How do I rotate my HighCharts bar chart so its vertical, not horizontal?
- Maximum bar width in Highcharts column charts
- how do I get two highcharts on one page?
- How do you increase the performance of highcharts chart creation and rendering
- How to hyperlink bar graph in highcharts
- HighCharts - increase bar height and reduce bar gap
- Highcharts - How to remove connecting line between fixed tooltip and point
- Highcharts highlight area between two lines
- How to add space between chart and axis in highcharts
- Highcharts Bar Chart - How to set the minimum bar width/length
- How to add a label above each bar in HighCharts
- Highcharts padding between plot and graph, how to remove?
- In highcharts's stacked bar chart, how can I remove the white space between different
More Query from same tag
- Apache Zeppelin - Highcharts
- Different node tooltips in highcharts sankey diagram
- Javascript Complex graph
- How to reuse a SVG generated from highcharts as background
- Setting background color of rangeSelector container in Highstock/Highcharts
- Highcharts equivalent of this Raphael.js chart demo -- possible?
- Highcharts: Plot the errorbars behind the datapoints
- putting a semi-transparent div over a highcharts graph
- Highcharts - How to prevent long title with line break from overflowing subtitle
- HighcharteR facetted item type chart
- highcharts.js change color of the lines in the background
- Highcharts Tooltip - Access "z" value in series data array
- Highmaps: legendItemClick doesn't work when there are dataClasses in colorAxis, anyone have a workaround?
- HighChart : Showing Some Data After the Grid Lines
- HighCharts Axes Alignment
- highchart dynamically data display using xmlhttp
- HighChart with multple JSON api data
- Show only one border of one bar in highcharts
- Highcharts - Pie Chart - link in tooltip
- highcharts: there are no data in exported image
- HIghcharts - chart width not the size of the parent container
- Excel charting to JavaScript
- high charts parse json data
- Properly align columns in highcharts
- Dynamic PlotLine in Highcharts
- How to hide an element using javascript
- Highcharts don't connect points between years
- Highmaps chart is empty in Angular 5
- How to store highcharts compatible json array data in mongodb
- How to define a custom class to HighchartsReact component