Highchart - change color of one x-axis label only

Monday, June 3, 2024

89

Highchart - change color of one x-axis label only

rated 0 times [ 93] [ 4] / answers: 1 / hits: 28207 / 12 Years ago, mon, june 25, 2012, 12:00:00

So I know how to change the color of x-axis labels in Highchart, which is described here.

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/labels-style/

But what if I want to change the color of just ONE label, not all the labels? How do I apply style to individual labels?

More From » highcharts

Answers

42

You can also use the label-formatter to set the style. Full example on jsfiddle:

labels: {

    formatter: function () {

        if ('Jun' === this.value) {

            return '<span style=fill: red;>' + this.value + '</span>';

        } else {

            return this.value;

        }

    }

}

enter

[#84690] Saturday, June 23, 2012, 12 Years [reply] [flag answer]

answered 12 Years ago

Only authorized users can answer the question. Please sign in first, or register a free account.

ronniem

ronniem

Add To Favorites

Total Points: 584

Total Questions: 111

Total Answers: 111

Location: Finland

Member since Sat, Nov 6, 2021

3 Years ago

ronniem questions

1 Unable to set useState variable in async method

Sat, Apr 24, 21, 00:00, 3 Years ago

1 How to convert String into a HTML element in Next JS Applcation?

Sat, Apr 10, 21, 00:00, 3 Years ago

1 Reactivity in props in Vue3 Composition API?

Wed, Mar 10, 21, 00:00, 3 Years ago

1 Cypress load environment variables in custom commands

Sat, Feb 6, 21, 00:00, 3 Years ago

1 How to handle Error: socket hang up while waiting Node and React

Sat, Jun 27, 20, 00:00, 4 Years ago

;