score:46
check this example, i was able to change labels colours on your jsfiddle. here's whole options parameter:
Highcharts.setOptions({
chart: {
style: {
fontFamily: 'monospace',
color: "#f00"
}
},
title: {
style: {
color: '#F00',
font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
}
},
xAxis: {
gridLineWidth: 1,
lineColor: '#000',
tickColor: '#000',
labels: {
style: {
color: '#F00',
font: '11px Trebuchet MS, Verdana, sans-serif'
}
},
title: {
style: {
color: '#333',
fontWeight: 'bold',
fontSize: '12px',
fontFamily: 'Trebuchet MS, Verdana, sans-serif'
}
}
},
yAxis: {
minorTickInterval: 'auto',
lineColor: '#000',
lineWidth: 1,
tickWidth: 1,
tickColor: '#000',
labels: {
style: {
color: '#F00',
font: '11px Trebuchet MS, Verdana, sans-serif'
}
},
title: {
style: {
color: '#333',
fontWeight: 'bold',
fontSize: '12px',
fontFamily: 'Trebuchet MS, Verdana, sans-serif'
}
}
},
});
score:0
title:{
text: 'Something',
style: {"color": "#003C71", "fontSize": "18px"}
}
score:1
Looking through the highcharts.src.js you can style the individual elements for example I changed chart in your example to title and the color is picked up;
title: {
style: {
fontFamily: 'monospace',
color: "#f00"
}
}
score:3
almost every option in high charts can have style applied to it, like I have done to the y-axis in this example:
I would also recommend going to this page,
http://www.highcharts.com/demo/combo-dual-axes
and clicking "view options" to get an idea of other ways the 'style' option can be used to color text.
Source: stackoverflow.com
Related Query
- How to change the text color in Highcharts
- How to change the color of a custom renderer text to the title color in Highcharts
- How to set series-label to false by default and change the color of series label text in highchart
- In highcharts how do I change the color of the line above the categories?
- How to change the color of highcharts series graph to black & white during downloading it as an image?
- How to Change the color of the text in donut chart
- How to change the bar color in Highcharts
- How to change the line color of a bubble in highcharts dynamically
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- how do you change the color of cells in highcharts heatmap?
- How can i change the color of a tile which was clicked of a treemap in highcharts using react
- How to change the color of the each slice in piechart based on the backend response using highcharts
- 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 disable the on-hover color change in Highcharts?
- Highcharts - how to disable color change on mouseover/hover
- How to change series legend text color in HighChart chart?
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- How can i keep the color the same in highcharts
- How to change Highcharts xAxis label color individually?
- How do I set the background color of a Highcharts HTML label?
- How to change area graph color above certain value in Highcharts
- Highcharts change the line color if its out of the area range
- How do I change a specific bar color in Highcharts Bar Chart?
- how to display 2 same highcharts without duplicate the code
- How to change the background color of measure tool in stock chart in highstock?
- How to change one point color on click in Highcharts
- How to change the defualt behavior of drag event in Highcharts or Highstock?
- How to change text color of bubble on Highmap on select state?
- How do I dynamically change the yAxis min, max and tickInterval in HighCharts
More Query from same tag
- Javascript - How do I get the first element in an array?
- Highcharts / highstock how to change title of chart in IE?
- Auto chart height
- Heatmap show previous day in the tooltip
- Sending Generated Highchart image via email
- Error from Jenkins when a tooltip is on a dot highchart
- Styling bar colors in Highcharts with a gradient issue
- Animation from point in Highcharts
- HighCharts Funnel - Set minimum size of each section
- Adding Labels to the Left or Right of Highcharts Funnel Visualization
- How to access different contexts of 'this' in HighCharts callback (Angular / Typescript)
- Align y axis tick "outside" on highstock, so they are the same as on highcharts
- Point markers for arearangespline chart in Highcharts
- Highcharts show / highlight y-Axis on mouseover over chart line
- How to position the dataLabel for highcharts on the same side of the x-axis?
- Legend overlapping on drilldown pie chart
- Horizontal crosshairs for multiple series
- Click event not fire in highcharts tooltip
- Highcharts chart redraw while exporting
- Incorrect Highcharts colorAxis range
- Highchart axis unicode(arabic) titles are inverted in chrome but not in firefox
- Highcharts not updating series stops
- How do I select which columns from my CSV to chart with HighChart?
- Highstock: how to define and make the x and y axes visible?
- How to display a highchart with more than one line?
- Highcharts y-axis's max value is not what I expect it to be
- how do i remove the decimal point values from the array values?
- How can I use data.table or data.csv and extra data for click event handling
- Highcharts + Highmaps module not working
- how to use javascript variable for complete series data