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
- highcharts x-axis not showing with series of just one value
- How to add current price line on hover?
- how to remove shadow on hover in highchart?
- Remove 'low' label for Highcharts Range chart
- Plot dynamically added array elements using Highcharts.js
- Highcharts :: Need to split y-axis from primary body of chart. Can I display this axis separately from the Highchart?
- highcharts polar chart with gradient color fills
- Highcharts and JSON
- Highcharts: areasplinerange with fill color that takes account of direction of range
- How to extract Min and Max date from Highcharter stock graph?
- generate chart using google spreadshhet and highstocks chart
- Pine (Tradingview) Showing different values in different timeframe
- Highcharts : Showing wrong color in data series
- How to change export button to custom icon in highcharts
- Chart series point added not sync with X axis
- set font size of sankey chart in HIghcharter for R
- Highcharts - Hide the Reset zoom button always
- Highcharts drilldown chart: Display/Hide Plot Bands and Lines on drilldown or drillup
- highchart select an area to show some info by clicking and drag mouse but not release
- How to Build a Column Chart in Highcharts with Data Entered Dynamically Within a CMS
- Can't append label to highchart pie chart
- Multidimensional JSON to javascript array for highcharts
- Retrieve data from Parse.com and Display it in amcharts.js or highchart.js
- bubble chart with highstock
- Spiderweb chart with circular gridline interpolation: Label is seen very far away from Plotline
- How to Change space between series data colums in highcharts?
- Spiderweb chart with different axis ranges (parallel-coordinates)
- Highcharts Bar Graphic: Make small number the higher bar and large number the smaller bar
- How can I highlight every data point in Highcharts fixed width container?
- How does HighCharts Series.update() handle a new tooltip positioner?