score:1
Currently, there is no such thing available out of the box. Your own configuration would be necessary here. See the example of this function justifying columns per category: https://jsfiddle.net/BlackLabel/2orx31dL/
var justifyColumns = function (chart) {
var categoriesWidth = chart.plotSizeX / (1 + chart.xAxis[0].max - chart.xAxis[0].min),
distanceBetweenColumns = 0,
each = Highcharts.each,
sum, categories = chart.xAxis[0].categories,
number;
for (var i = 0; i < categories.length; i++) {
sum = 0;
each(chart.series, function (p, k) {
if (p.visible) {
each(p.data, function (ob, j) {
if (ob.category == categories[i]) {
sum++;
}
});
}
});
distanceBetweenColumns = categoriesWidth / (sum + 1);
number = 1;
each(chart.series, function (p, k) {
if (p.visible) {
each(p.data, function (ob, j) {
if (ob.category == categories[i]) {
ob.graphic.element.x.baseVal.value = i * categoriesWidth + distanceBetweenColumns * number - ob.pointWidth / 2;
number++;
}
});
}
});
}
};
Source: stackoverflow.com
Related Query
- How to hide empty stacked columns in categories in Highcharts?
- Highcharts hide empty bars of categories for multiples series
- How to make a HighCharts drilldown column/bar chart that does not hide the non-drilldown categories
- How to display values on line stacked columns on highcharts
- Highcharts - how to display a chart with stacked and un-stacked columns side-by-side
- How to hide columns with no data in HighCharts
- How can I hide series from a HighCharts legend?
- How to hide labels in the highcharts in the pie
- How can I hide a series from initially being displayed in Highcharts
- How to get Highcharts X-Axis Categories starting at the left most point
- How can i hide all the Series in highcharts at a time
- Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis
- Highcharts - How to hide series name and Y value in tooltip
- How to hide a highcharts pie slice programatically
- Highcharts stacked bar chart hide data labels not to overlap
- Hide 0 values in Stacked Column Chart in Highcharts
- How to hide one series data info in tooltip using highcharts
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- How to hide color axis in heatmaps using highcharts
- I'm trying to create a timeseries chart having stacked columns in HighCharts
- How to hide Axes Crosshairs by onclick event in Highcharts
- How do I hide a Highcharts series from the chart, but always show it in the tooltip?
- Using Trellis Chart with Stacked Columns in Highcharts
- How to hide empty column in column hightcharts with multiple series
- How can I hide and show a category in highcharts
- How to keep an empty slice area in highcharts after clicking on legendItem
- Highcharts stacked column how to use different label on each category
- How to remove empty space between bars in Highcharts polar chart?
- How Can I Hide a Pie Chart's Slice in HighCharts Without Removing It From the Legend?
- How do i add mouse wheel code in Angular2 highcharts in typescript
More Query from same tag
- Commas in CSV values import into Highcharts Editor
- How to change zone line color in highcharts
- Highcharts - show custom tooltip on mouseOver and on mouse Click
- Combine two list of decimals in one array
- Making a node_module global using Webpack 2
- Changing backgroundcolor of tooltip for a specific data point in Highcharts
- Highcharts - Dealing with small values in Funnel chart
- How to disable the on-hover color change in Highcharts?
- Highcharts : Two marker symbol for the same point
- HighCharts Multiple Y-Axes
- Highcharts treemap with colouraxis updating styles
- Show Date alongside OHLC values in candlestick chart
- Highcharts: Longer pie labels are chopped off
- Exclude "H:m"in dateTimeLabel Highcharts
- Loading variwide chart from Highcharts library in Angular 2+
- Highcharts not rendering in IE 11
- Highcharts series label
- Highcharts and jquery-simple-slider seems to be not working together
- Highcharts - manually trigger hover event on a point
- Highcharts Align pie charts to the Left
- Ajax and Highcharts - Display 'loading' until data is retrieved, then populate chart
- Old highchart data in react component when going back and forward
- Why I cant put the highcharts.chart in render?
- In Highcharts, how to prevent legend pagination down arrow button get cut off?
- Using the accessibility.js module with highcharter
- net:ERR_FAILED - My application (Ionic 4 / Angular 7) is giving an error when trying to export a Highcharts
- highcharts tooltip not moving next point
- HighCharts Bullet Chart display data label of the target
- HighChart: Add xaxis dynamically doesn't consider what type I give it
- Highchart don't show line if Y.axis is the same