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 Query
- 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
More Query from same tag
- How to generate single PDF of page that contained multiple highcharts in DIVs
- HIghcharts: Hide particular Bar in Bar chart
- Highcharts - stack values for same category
- Dynamically Change onSeries property
- Is there a way to enable click and drag for a plotLine on a highchart?
- Remove title based on viewport width
- how to use highcharts-angular callback function to get chart object
- highcharts, highstock without jQuery
- Highcharts - Line disappears when using logarithmic axis
- using JSON dates with Highstock chart (asp.net MVC)
- HighCharts area graph - show tooltip only on hover of marker
- Highcharts line color based on other data than value
- Highcharts map chart not drawing bubble on calling setData
- Highcharts - redraw() vs. new Highcharts.chart
- Change window position with button HighStocks
- How to create js.Array inside js.Array in scalaJS for highcharts as specified in the documentation?
- Skip yAxis gridLines if there is no data in them
- How to add Highchart Bar lines and lables?
- Restructuring array for Highcharts use
- When changing data, why is the data reduced every time the button is pressed?
- How to color pictured bars in Highstock chart
- Best (easy) way to fill highcharts with data from database?
- Controlling Highcharts bar chart look and layout
- How to format string in Response.Write?
- Highcharts: some x-axis labels are disappearing after using setExtremes()
- HIGHCHARTS How to to make separate colors for shaded region and the line in Area Graph
- programatically change the color of a highcharts spline series?
- Density Plot in R Highcharter
- how to pass data to next page in HighCharts?
- How do I style the series labels on a Highcharts pie chart?