score:1
It is possible to move label depending on it's rows count
Add render function to the chart object
{
"chart": {
...
events: {
render() {
for (let i = 0; i < this.xAxis[0].names.length; i++) {
const label = this.xAxis[0].ticks[i].label;
const rows = (label.element.innerHTML.match(/<\/tspan>/g) || []).length;
label.translate(-8 * rows, 0);
}
}
}
where 8
is half of row size in px
Source: stackoverflow.com
Related Articles
- HighCharts: align rotated multiline label
- How to align centre a custom label in highcharts
- HighCharts x-axis & y-axis label center align
- Highcharts align data label based on positive / negative value
- Align X-Axis label on a straight line in Highcharts Column Chart
- Highcharts display label for pie chart using html table as data source
- Highcharts align data label to x-axis if value is negative
- Highcharts pie/variablepie align multilines label on plotedge
- Fixed y-axis label width in Highcharts
- How do I format x-axis label in highcharts
- Highcharts graph X-axis label for different date ranges
- Highcharts TypeScript, y-axis label
- HighCharts Place Label on Bar
- Highcharts - Long multi-line y axis labels causing following label to be removed
- Show specific series values in the stack label using highcharts
- Hide first yAxis label in Highcharts
- Show label only every x number of steps in highcharts
- Highcharts Pie Chart Label Threshold
- data label is not shown Highcharts
- Highcharts data label getting cut off
- create a sticky tooltip for a point or a permanent label using HighCharts
- Highcharts Legend Title Horizontal Align
- How to change axis label size when exporting in Highcharts / Highstock
- Highcharts plotband label zIndex
- Highcharts axis label before first point
- How to add a label above each bar in HighCharts
- Show value of last point as label or tooltip on Highcharts Stock Chart
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- Adding HTML label to Highcharts
- Change Datalabel Color, Rotation and Align values based on Column value in highcharts
- csvURL: Some of my series names say "undefined"
- How do I include scripts in my AngularJS controller?
- Highchart - Add dynamic data to the bar
- xAxis Image Disappears in Highcharts After First Refresh
- insert block of text after chart
- Highchart type : X-Range no space between two data sets
- unable to get the charts in the PDF download
- Highcharts Crosshairs not working
- Highlight a line with different color in Parallel coordinate chart with Highcharts
- HighCharts: How to put the xAxis category text inside the chart
- How to update candlestick Highstock chart with new data point
- Using an editable table with HighChart and having the chart refresh with change
- How to access outer scope variables within a click function in HighCharts
- Highchart spline Chart with no markers and legends markers as circle's
- Issue with Highcharts master-slave chart
- dataGrouping with xAxis datetime
- Highcharts - change column stacking on click
- How can I set navigator's start&end in Highstock candlestick chart?
- How to make highchart bubble chart color active of clicked bubble
- I had created a scatterplot using Highcharts but the the point.z value is not getting displayed in tooltip