CODEWITHSUNDEEP
javascripthighcharts
corvid
corvid

Reputation: 11187

Performing styling action on specific data in a highcharts graph

I have a data where each point corresponds to each month of the year. For example, {01:5, 02:8, 03:12, 04:16} and so on, up to the last month of the year. However, a lot of this data is extrapolated by a polynomial regression in my flask app.

I have this data made into a highcharts column chart very similar to this one: http://jsfiddle.net/DwyY8/

My goal is to apply a style to dates that have not yet happened to imply they are extrapolated data (for example, something like making them more transparent)

How would one go about this?

Upvotes: 0

Views: 133

Answers (1)

yarl
yarl

Reputation: 3195

I know it's not perfect, but using only CSS you can apply eg.:

.highcharts-series rect:nth-child(n+4) {
  opacity: 0.4;
}

JSFiddle demo

Upvotes: 3

Related Questions