score:21
You can set the inline style that is produced by Highschart.js, by adding a dataLabels
block with to the plotOptions
-> pie
and defining some style properties:
plotOptions: {
pie: {
cursor: 'pointer',
dataLabels: {
enabled: true,
color: 'red',
style: { fontFamily: '\'Lato\', sans-serif', lineHeight: '18px', fontSize: '17px' }
}
}
}
and here is your updated tinker.
If you want to control the color of the font also in the style
block, you need to use the fill
property.
This are the properties that get set by default (and you might want to override with the style
settings):
font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
line-height:14px;
fill:#666;
but you can define a lot more if you need.
Note: You can also control the style for individual labels by passing the dataLabels
object through the data
block, the way you defined the style of one of your pie wedges:
{
name: 'Example1',
y: 40,
sliced: true,
color: 'rgb(10,200,23)',
dataLabels: { style:{ /* your style properties here */ }}
}
Source: stackoverflow.com
Related Query
- How to change the font properties in a pie highchart?
- How to change the font family of Highchart to Bootstrap css default font family
- Highcharts, How can I change the datalable distance in a pie chart based on the value
- How to set series-label to false by default and change the color of series label text in highchart
- How to change Highchart tooltip font family
- how to change the point format for drill down in pie charts?
- Highchart: is it possible to change the font of the label in Highchart via a click of a button?
- How to change the Highchart plotline color for theme
- How to change the data series for highchart using a dropdown list
- Highchart - How do I change the colour of the baseline of the chart?
- Highchart - How do I create the attached image gauge within a semicircle pie chart
- HighChart - How to change the icons of the highchart legend?
- How to change color on the Highchart Sparkline line only?
- Highstocks How to change the font of the buttons of the range selecotor
- How can i show the count value as well as % on my highchart pie chart?
- How to change the X and Y axis names of Pie chart High Chart?
- how to disable the color change on mousehover in sankeycharts Highchart . { hover: {color: '#a4edba',opacity: 1,filter: {type: 'none',}}} didnt work
- how to change my pie chart color according to the value
- How to change value of highchart graph with the other value with refresh
- How to change the scale of an axis with HighChart
- How can I change the text of the back button on this dropdown pie chart?
- How to format PHP into the proper string for JSON in pie chart using highchart
- How do you change the colour of each category within a highcharts column chart?
- How can I change the colors of my highcharts piechart?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Highstocks - How to change the default Zoom
- How to hide labels in the highcharts in the pie
- How to change the text color in Highcharts
- How to export a Highchart chart to PDF thanks to a button outside the chart?
- How can I remove the white border from HighCharts pie chart?
More Query from same tag
- How to show some empty item in hightcharts?
- Issue With Highcharts x-axis label
- Highchart heatmap for days in a month from 8:00 to 17:00
- HighCharts load data via Json
- Error in render: "TypeError: Cannot read property 'seriesNames' of undefined"
- Heat Map With Red Color Range For Negative Values And Green Color Range For Positive Values
- yAxis tickPositioner label on column range chart
- Make RangeSelector into dropdown Highcharts
- auto refresh javascript without loading whole page
- How can I inspect the Highcharts tooltip in the Chrome inspector?
- how do you put more granular labels on yAxis in highcharts
- how to show data json to 2 different highchart bar
- Hidden Highcharts not sizing correctly until window resize
- How to delete and add new contents in html file by python
- Highlight a region in scatter plot using Highcharts
- Highmaps drillup: Error occurs when setting state in React
- How can I control legend items through a custom button in Highcharts?
- Filter data in Highcharts
- Creating a Pie Chart using PHP to create json
- Problems formatting tooltip date on HighStock chart
- Highcharts - adding a question mark where data is missing in a bar chart
- How do I change the tool tip color in highchart?
- Highcharts - tooltip time value does not match xAxis
- Uncaught ReferenceError: Ajax is not defined onchange issue
- Highcharts - Large Tree Map: Show values below points name
- Highcharts - Can't run example
- Category in x-axis of second chart is not coming properly
- Can I use Iron-ajax to load data to polymer/highcharts element
- Highstock Change tick interval on range selector change
- Jarviswidget fullscreen not rendered properly with Highchart