score:3
Accepted answer
you can set the fontweight param in the style object.
datalabels: {
style:{
fontweight: 'normal'
}
}
demo:
score:1
you can remove the boldface from the labels by adding <span style="font-weight: normal;">
to the formatter
function in datalabels
for the "versions" series:
datalabels: {
formatter: function () {
// display only if larger than 1
return this.y > 1 ? '<span style="font-weight: normal;">' +
this.point.name + ': ' + this.y + '%</span>' : null;
}
}
note that the </span>
goes at the end of what you're returning from this function.
the resulting chart looks like this:
here's an updated version of the demo fiddle: http://jsfiddle.net/brightmatrix/4tfu584x/
i hope this is helpful for you!
Source: stackoverflow.com
Related Query
- How to control HightChart Pie Chart/Donut Chart label font-weight in config
- Highcharts: How to align text label middle center of pie chart
- Highcharts display label for pie chart using html table as data source
- How to create such pie chart/ donut chart in highchart?
- How can I get a data label in my Highcharts Pie Chart that is a font-awesome icon?
- highcharts donut pie - How to calculate pie size percentages after resize the chart
- How to show correctly ticks to time data in a Pie chart label using highcharts?
- How to make legend labels to bring out the series of a pie chart and not make them disappear when label is clicked in HighCharts?
- How to change Highcharts 3D Pie Chart Label and Tooltip Style?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- How to change the font properties in a pie highchart?
- Dealing with pie chart label overlap [Highcharts]
- In high chart how to add event for label click
- Highcharts: how to set legend label name after chart created?
- Highcharts Pie Chart Label Threshold
- How do I make each row in a HTML table a pie chart in Highcharts?
- How to remove white space from pie chart in highchart.js?
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- how to center text inside donut chart embedded in combination chart
- Highcharts, How can I change the datalable distance in a pie chart based on the value
- Highcharts Donut chart is rendered as a Pie chart in IE 8
- How to create an inner circle pie chart in Highcharts
- How to make a pie chart from highcharts responsive
- How to center chart title position dynamically inside pie chart in highcharts
- how to create donut chart using highcharts?
- Highcharts Bubble Chart - How to move an individual point's data label (dataLabel) to the front/top
- How to get text from html table in pie chart (highchart)?
- How to show the json data in Pie chart HighChart?
- How to center highcharts pie chart and legend on a page?
- How do I make the label in polar chart not get split automatically?
More Query from same tag
- Highcharts Additional data in Tooltip
- how to show data json to 2 different highchart bar
- HighCharts and Map Bubble are not compatible
- legend labelFormatter: getting space between name and percentage so they line up
- How can I remove the white border from HighCharts pie chart?
- How to show unique name of every points in highCharts using angular
- Tooltip to display middle points in a series in highcharts
- Is it possible with Chart js or which chart Library can provide this type of chart?
- Highcharts - is possible to have stackLabels only for a subset of the series?
- Highcharts conflict with extjs
- Convert pandas json for highstock data format in a angularjs controller
- How to avoid horizontal scrollbar in highcharts
- Convert html 5 to PDF in MVC 3
- Highcharts synchronized charts showing multiple times
- Highcharts: when exporting, unselected series should not show in the legend
- How to convert array values of console into highcharts
- How to sort the items within each stacking column?
- How to make Highstock work with two xAxis?
- Highcharts {Pie} - Remove slice pieces out onclick
- Highcharts - yAxis logarithmic scale and allowDecimals set to false not seeming to have any effect
- How to make the regression line through the origin in highcharts
- Where to set displayed data vs plotted data in Highcharts?
- How to make multiple Y-axis with incoming series of data from database using Highcharts
- ActiveAdmin Dashboard partial not appearing?
- Highcharts, have all but first series turned off on chart load
- HTML Content to Javascript Code
- Changing data series type dynamically with Highcharts-angular
- Highchart/Highstock OHLC not showing previous Candlestick with live data
- Import CSV to highcharts scatterplot with tooltip populated by point name and x,y values
- How to add font awesome icons on x-axis in highcharts