Stacked column charts with Angular directives

2 posts, 0 answers
  1. Chris Williams
    Chris Williams avatar
    63 posts
    Member since:
    Oct 2004

    Posted 17 Nov 2015 Link to this post

    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?

  2. Chris Williams
    Chris Williams avatar
    63 posts
    Member since:
    Oct 2004

    Posted 18 Nov 2015 in reply to Chris Williams Link to this post

    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. 
  3. Kendo UI is VS 2017 Ready
Back to Top