CODEWITHSUNDEEP
javascripthighcharts
wergeld
wergeld

Reputation: 14442

Stacked Bar And Scatter Alignment

I have a chart here: http://jsfiddle.net/wergeld/bx82z/

What I need is for the stacked bars and the scatter points to line up on each other based on the data X-element (county name in this case). Getting the bars to stack was simple. But as you can see in the example the scatter points show up in the middle of the chart - not on the same x-value as the others. I suppose I could create a category list (using the county names) but there may be cases where I do not have all 3 data elements for all counties - how to handle that scenario? I did great the category axis and it is still doing the same thing: http://jsfiddle.net/wergeld/YckwW/

Upvotes: 2

Views: 263

Answers (1)

Linger
Linger

Reputation: 15048

You were not defining the series correctly to achieve what you were wanting. See updated jsfiddle for what I think you are looking for.

In the cases where you are missing a piece of data for one of the countries you could always use null, which simply means there is nothing to display for that data point. See Missing Data Sample for an example. It is case sensitive so make sure that null is all lower case.

Upvotes: 2

Related Questions