score:15
EDIT Highcharts has introduced plotOptions.column.grouping switch in their version 2.3 to handle exactly this. Refer Garrick's Answer
I will leave below answer as it still helps understand how the groupPadding and pointWidth work.
Original Answer
You are looking for grouped and overlapping columns?
You can achieve this by setting plotOptions.column.groupPadding to 0.5
plotOptions: {
column: {
groupPadding: 0.5 // Exactly overlap
pointWidth: 20,
}
},
Here's an image to illustrate how groupPadding works
As you see, when groupPadding is 0.5 the column width is compromised to give the desired padding, by specifying the pointWidth you can counter this behavior
score:28
You can also accomplish this by setting grouping: false
.
Source: stackoverflow.com
Related Query
- Overlapping columns in highchart
- How can I do in Highchart to have 1px space between the columns and the y Axis?
- Highcharts data labels overlapping columns
- Overlapping Y Axis in a Multi y axis Highchart
- Highchart Stacked Column w/ Datetime X-axis Columns Too Thin
- How to resolve overlapping scatter points in a highchart
- Columns HighChart remove spacing for empty data series
- Highchart columns chart overlaps yAxis.plotLines labels
- Group series names in columns in highchart horizontal legend
- Waterfall Highchart to start some of the columns in between the series with 0 y-axis
- Avoid overlapping in highchart bubble chart
- How to show overlapping in various columns of highcharts column range graph
- Plotband covered area columns to be highlighted or set opacity higher in highchart column type
- Select which columns from CSV to graph with HighChart
- Strange character in the Highstock source code
- Highchart gantt chart no overlapping
- Why does my Highchart look different when I transfer my code from Jsfiddle to my server?
- Highchart legend overlapping when change window size
- How to create a javascript column chart with overlapping columns of variable width
- Bars inside highchart is overlapping when exported to PDF
- fixing label overlapping in second level of grouped categories plugin used in highchart
- Highchart bar chart datalabels overlapping issue
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- Use series data but display custom text on top of columns Highchart
- Tooltip doesn't appearing for overlapping datapoints in highchart xrange
- Column based Highchart drilldown series assign color code to each column
- Multiple columns on same series. Highchart
- How to avoid overlapping of dataLabels in highchart pie chart?
- x-axis, y-axis lines does not appear, when I include 3D chart library of HighChart in my code
- Can I load the columns (each series) one by one in a HighChart JS?
More Query from same tag
- How do I set a minimum upper bound for an axis in Highcharts?
- Force min/max in Highcharts and avoid 0 for min
- Highcharts: Displaying zero values in logarithmic scale
- Change the step size of Highcharts Drag?
- live charts using chart.js
- Changing point className in Highcharts Gantt
- Toggling 2nd pane data within a Multiple Series Highcharts Chart
- How to Create synchronized High chart with different no of series per chart
- How to move tooltip position in Highchart?
- Ruby on Rails: Passing string array to highchart function
- Is it possible create a Highstock chart using TWO PANES and MULTIPLE SERIES in a pane
- Add custom tooltip for x axis label on hover action
- Formatting jSON response for Highcharts
- How to fire click event in moxie highcharts
- Highcharts Gauge misplaced labels
- How to set variable in high chart data field
- How to change highcharts opacity on hover?
- Highchart / Highstock how to set color of individual ohlc or candle?
- Highcharts, set halo on select in pie chart
- plotting irregular time data from CSV with highcharts
- How to create india map chart using Hightcharts?
- How do I implement solid colours for zone boundaries in Highcharts?
- angular multiple same directives in single controller
- The needle in highcharts speedometer gauge is very slow to react to changes in the speed value in an animation is there a way to make it more dynamic?
- Highcharts: Not showing values, datetime type
- How to visible tool tip in highcharts while page load
- How do I customize xAxis labels at start and at end?
- loading a json file to highchart html page
- Highstock month dataGrouping with Jalali/Persian dates
- How to align category labels on xAxes in Highcharts.js