score:13
Accepted answer
you want a 1px space between each column?
i would calculate the column width based on the size of the plot / number of columns:
var colwidth = ($('#quintals-sugar-graph').width() / data.length) + 1;
then set the "borderwidth" to 1px to provide the space:
plotoptions: {
column: {
pointwidth: colwidth,
borderwidth: 1
},
},
fiddle here.
score:2
you can simply do:
plotoptions: {
column: {
pointpadding: 0,
grouppadding: 0,
borderwidth: 1
}
},
score:4
do you really need the width to be exactly 1px? if not, the following also leave minimum space between columns and would be more convenient:
plotoptions: {
column: {
pointpadding: 0,
grouppadding: 0
}
}
Source: stackoverflow.com
Related Query
- 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
- In highcharts's stacked bar chart, how can I remove the white space between different
- How do I reduce the space between title and chart of a High Chart?
- With HighCharts, how can I have the same tooltip formatter as my y axis
- How can you have more than 10 colors represented in the graph and legend in highcharts?
- How can I do a padding between my highest x-value and the plot's right gap in Highcharts?
- How can I change the distance between columns in highcharts?
- How can i avoid congestion between x and y axis in my graph with highcharts?
- How to drag select multiple columns on highstock chart and have it reflect on the navigator?
- How do you reduce the space between pie chart and legend? (highcharts.js)
- Highcharts: when having multiple columns for the same X axis value, how can I get 1 tooltip per column?
- Can we stack a 2 columns in a single column in basic column Highchart and let the other columns let it be?
- Highchart spline Cut Off when reach to maximum scale value. How can it fixed?. I have attached may sample code on body
- How to add space between plotband and first bar(red color "A" bar) in highchart
- how can I use rangeselector and navigation in highcharts in the given code
- How can i reduce gap between legend and chart in highchart of type column where legend is aligned at top without reducing height of chart?
- How can I get the max value of a y axis at highcharts?
- How can I change the unit at y axis dynamically at Highcharts?
- Can color of data label be different inside and outside of the bar in Highchart
- How can I extend the lines of this Highchart series to the edges of my chart area?
- Highcharts - How can I decrease space between categories?
- Waterfall Highchart to start some of the columns in between the series with 0 y-axis
- HighChart - Can draw line between Title and SubTitle
- How to set series-label to false by default and change the color of series label text in highchart
- High charts - Increasing the space between chart and title
- How can i get the json data with the specific between Year?
- Highcharts - how to create multiple y axis and group the data series
- Highcharts - reduce the space between zero data line and x-axis
- How to change space value between grid and yAxis in Highcharts line chart
More Query from same tag
- Highmaps - how i can have a seperate legend by different report?
- Highcharts loading image
- Highcharts Shadow/Fill Graph
- HighCharts: Logarithmic scale
- Date/Time format relative to date range
- how to add custom button on highstock/highcharts on subplot/addAxis
- Highchart navigator data format
- Repeat labels in each x position on polar graph
- Highcharts Angular - Highcharts Error #12
- Create vertical lines for an interval using highstocks
- Highcharts - Dynamically change chart type with on radio buttons click
- Highcharts long labels
- Highcharts - legend titles rotation is not working fine in IE10
- How can I style highchart select to look like hover?
- HighCharts: How to include text event to the left of chart when exporting
- Change Graph Series Fillcolor in highcharts
- Create Histogram with bellcurbe with in the same chart Highcharts
- Highcharts Boxplot - box with lower, upper quartile and median is not displaying when min and max are null of a category
- How Can we display a legend in high chart that contains apostrophe
- How do I target a Highcharts path?
- Possible to set dataLabels to display xAxis data instead of yAxis data in HighCharts?
- Highcharts instance created in which Angular life cycle hook
- Highcharts markers on bar charts
- Printchart title in highcharts when clicking print button when chart title is null
- How to display y-axis value in series
- highcharts x axis date variable range
- Put two Highcharts Charts Side by Side on a Jekyll Blog (beautiful-jekyll)
- Chart not exporting to XLS File - Highcharts
- how do you create highcharts bar chart
- Highcharts: Getting x-axis to display legend