This is a migrated thread and some comments may be shown as answers.

Stacked column charts with Angular directives

1 Answer 96 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Chris Williams
Top achievements
Rank 1
Chris Williams asked on 18 Nov 2015, 02:20 AM

I'm using Angular directives to create my charts. I'm attempting to build a stacked column chart.  My Dojo link is here: http://dojo.telerik.com/@CloudTools/AxAbu

Normally I bind to remote json data, but I've created a static json array just to facilitate the discussion.

When I create this chart and omit the "stack: true" command from k-series-defaults, I get the values that I'd expect from each series and the value axis displays appropriate numbers.  But when I stack the series, the value axis numbers seem incorrect.  For example, in the Dojo link, you can see that the first number on the value axis is 5,000, and the maximum value axis number is 30,000 even thought the total message count on any day never exceeds 100.

Also, in the stacked column display I'd expect to see different colors for the values for each series.  However I only see green for Spam value.

I'm guessing I'm just building the stack configuration all wrong.

Is there some different way I need to format the data, rather than just flip the {stack} value?

1 Answer, 1 is accepted

Sort by
0
Chris Williams
Top achievements
Rank 1
answered on 18 Nov 2015, 04:11 PM
I figured it out....  My data was bad... in the original Dojo link my array had the numeric values expressed as strings in the json.  Once I removed the quote marks it worked as expected. 
Tags
Charts
Asked by
Chris Williams
Top achievements
Rank 1
Answers by
Chris Williams
Top achievements
Rank 1
Share this question
or