score:36
Just figured out this myself. pointWidth is the parameter to set the width for bar width. Also the walk around is nice for represent the error bar since there aren't any highly interactive javascript chart support this type of chart yet.
score:10
You should use the following options instead of pointWidth
to be responsive and not fixed:
plotOptions: {
series: {
pointPadding: 0, // Defaults to 0.1
groupPadding: 0.01 // Defaults to 0.2
}
},
score:14
A working DEMO for setting width of column bars irrespective of the chart size.
You will have to use pointWidth
option like:
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
series: {
pointWidth: 40//width of the column bars irrespective of the chart size
}
},
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]
}]
});
});
score:25
series: [{
name: strSeriesTitle,
data: arrData,
pointWidth: 28
}]
Source: stackoverflow.com
Related Query
- Highchart specific width stack column bar graph
- Maximum bar width in Highcharts column charts
- How to apply borderRadius only for top side of Column or Bar in Highchart
- How to know information about the clicked bar in highchart column r shiny plot
- Setting variable column size in bar highchart (Rshiny)
- Highcharts: How to provide a custom stack label in highcharts bar graph from within the stackLabel formatter?
- Overlapping and rounded stack in stacked column graph in Highcharts
- Make stack label disabled for a column in stacked column graph in Highcharts
- Highchart / Highstock stack column chart show one series's tooltip at a time
- Highchart js bar graph label left alignment
- How to make 1st bar selected in column highchart on page load?
- How do I open a new window / tab by clicking on a column / bar within a Highchart graph?
- Marking specific point on highchart column
- Highchart : How to plot Stacked bar graph with line by below JSON respons
- Align Bar Graph with Negative Stack
- HighChart Stacked column bar
- Highchart multiple column range in same series on bar chart
- highcharts - Not able to switch between bar to column or vice versa graph type in drilldown
- HighCharts: Increase width and padding of stacked bar graph
- stacked bar graph yAxis plotbands width is changing when toggle/add/remove the series dynamically
- Highchart changes chart width when user hides the graph lines
- Display tooltip on mouseover in the Highchart Stack Column Total
- HighCharts: set specific border width and border color dynamically for one column
- Hide Space in a stack of bar in HighChart
- Column based Highchart drilldown series assign color code to each column
- Cannot set bar chart width for specific data, Highcharts
- How to detect multiple cliks in a bar in highchart column r shiny plot
- Highchart basic bar : How to know which specific bar section is clicked?
- How to create a drilleable bar graph in jsp page using open source charts API
- Highchart | Grouped stacked bar chart | Multiple stack labels
More Query from same tag
- Vue js Highmaps - How to load map?
- How to do a date range to view data from selected date highcharts
- Highchartjs doesn't render properly with the data
- Use variable radius from HighCharts
- How to move the legend in Highcharts
- How to customize a tooltip number in Highcharts?
- HighCharts animation android
- Div element not hiding even after hiding the tooltip in highcharts
- Overriding log2lin and lin2log for Highcharts does not appear to work
- highcharter: how can I customize the labels on a column plot
- How to set two series for one category in highchart?
- Real time chars using highcharts, JSON, REST and Spring MVC
- Highcharts: Tooltip on a single series only
- Highcharts rendering line chart in single line
- Is there a function to highlight another stat/point/column while hovering element on Highcharts?
- How to programmatically set selection Highchats master-detail chart?
- How could I change the x,y label and remove empty x bar
- Show specific data in the highchart's title
- Is it possible to get axis lines to cross with highcharts
- how to add new index Highcharts column drilldown chart
- HighCharts Errorbar with irregular time series interval
- The empty space on the chart xaxis
- .csv-file in Highstocks
- High Charts : Equal spacing for X Axis for unequal interval
- Angular High Chart - Loading data from Observable
- highcharts yaxis start on 1 min:1 not working
- Timestamp in Highcharts
- Highcharts - TypeError: Cannot read property 'isResponsiveOptions' of null
- Highchart issue when added into bootstrap carousel
- Last y-axis label not displaying on highcharts spiderweb