score:2
Accepted answer
For this you need to set useHTML
: true, and define html elements in the labelFormatter
function, and set the widths of those elements via CSS.
Example:
(there are numerous ways to set up the HTML and CSS to accomplish this - this is just one example)
score:0
You can define itemWidth which define static with of each legend item.
Source: stackoverflow.com
Related Query
- Highcharts Legend item text alignment
- How to modify highcharts legend item click event?
- Tooltip text alignment in Highcharts for 'direction: rtl'
- Highcharts legend item hover event?
- HighCharts Pie Chart Legend value alignment
- Highcharts - Legend item padding
- Set custom legend item symbol (or icon) in HIghcharts
- Border around legend item in highcharts
- Aligning the text in Legend in Highcharts
- Highcharts angular Get Legend Item Status
- How can I add a text link just below the legend box in highcharts
- Toggling legend text click event in highcharts
- dynamically change fontWeight on a legend item Highcharts
- Auto focus on a legend item in highcharts
- Hiding legend item box when using check box in Highcharts
- Highcharts hide legend item from Pie chart
- Click on Highcharts pie rendering border although legend item click is disabled
- Is there any way to add border in highcharts legend text individually?
- Highcharts add line-through to legend text when hidden (itemHiddenStyle)
- Grey out item in Highcharts legend
- Highcharts donut custom legend text before legendSymbol using labelFormatter
- Highcharts Legend issue: I Wanted to make Legend 100% width and text center align it works fine in crome but it is not aligned center in firefox
- Highcharts - How to Make the legend item width half of the contianer?
- Highcharts : Info about clicked legend item pass to controller
- Highcharts pie on legenditemclick avoid slicing of pie but show animation on legend item
- HighCharts Hide Series Name from the Legend
- Hiding a Highcharts series without using the legend
- Place text in center of pie chart - Highcharts
- Disable-Click on Legend in HighCharts Column Graph
- Highcharts text labels for y-axis
More Query from same tag
- Highcharts: Dynamically size a solid gauge chart
- HightChart set new data
- How to Export JavaScript Chart to Excel file (HighCharts)
- Disable Plotpoint legend on hover in Highcharts
- How to use drilldown upto level 3 with different charts on each level in highcharts?
- highcharts additional title opinion
- Highchart dynamically draw Legend marker and trigger mouseover event
- Set a custom rangeSelector and disable xAxis label on chart and on Navigator with Highstock
- Screen blank after loading highcharts-3d.js
- How to make this as a HighChart (picture attached)
- How to remove plot gridlines using Highcharts in R
- How to fix Prototype conflict with Highchart?
- httphandler cannot find axd of Highcharts
- Highchart circle position by jquery
- Highcharts pie get series color in tooltip headerFormat
- how can we make bar width dynamic in highcharts?
- Highcharts chart not loading after AJAX call to insert partial containing chart
- How do I redraw a series on HighCharts?
- HighCharts: get Y and X value
- Highcharts radio button toggle between charts
- how to remove scroll bar in drill down highchart
- How to use Highcharts Drupal 7 module
- Highcharts hover xAxis Labels Unique Value
- How can I reverse the series order of a pyramid chart in Highcharts
- Highcharts Activity Gauge - how to get different behaviors while hover over
- Meteor + React + Highchart
- HighCharts : display label only on line combine chart
- Highcharts multiple charts, each with live data
- Highcharts pie on legenditemclick avoid slicing of pie but show animation on legend item
- Highcharts window while decreasing not working