Stock ABC Curve and Chart

Thread is closed for posting
3 posts, 0 answers
  1. Rafael
    Rafael avatar
    15 posts
    Member since:
    Jun 2013

    Posted 25 Sep 2014 Link to this post

    Hi,

    I am searching for a way to plot a chart from a List objects classifieds in A, B and C as the ABC Curve theory to management stock of products.
    This chart should be divided in three parts, each with a different color and its a cumulative chart in a range 0% and 100% in both axis, like attached image.

    There are a easy way that to do this using RadHtmlChart with AreaSeries?
  2. Rafael
    Rafael avatar
    15 posts
    Member since:
    Jun 2013

    Posted 26 Sep 2014 Link to this post

    I need to set color in chart according to the radgrid like in image attached!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1493 posts

    Posted 30 Sep 2014 Link to this post

    Hi Rafael,

    Currently 100% stacked area and line charts can only be set through the kendoWidget, as illustrated in this feedback item.

    As for the ABC curve you can try to use different area series with missing values and overlapping starting values for each series. You can also set the MissingValues property of each series to "Gap". For example:
    ASPX:
    <telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600px" Height="400px">
        <PlotArea>
            <Series>
                <telerik:AreaSeries MissingValues="Gap">
                    <SeriesItems>
                        <telerik:CategorySeriesItem Y="0" />
                        <telerik:CategorySeriesItem Y="42" />
                        <telerik:CategorySeriesItem Y="75" />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                    </SeriesItems>
                </telerik:AreaSeries>
                <telerik:AreaSeries MissingValues="Gap">
                    <SeriesItems>
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem Y="75" />
                        <telerik:CategorySeriesItem Y="80" />
                        <telerik:CategorySeriesItem Y="85" />
                        <telerik:CategorySeriesItem Y="90" />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                    </SeriesItems>
                </telerik:AreaSeries>
                <telerik:AreaSeries MissingValues="Gap">
                    <SeriesItems>
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem />
                        <telerik:CategorySeriesItem Y="90" />
                        <telerik:CategorySeriesItem Y="95" />
                        <telerik:CategorySeriesItem Y="97" />
                        <telerik:CategorySeriesItem Y="98" />
                    </SeriesItems>
                </telerik:AreaSeries>
            </Series>
            <YAxis MaxValue="100"></YAxis>
        </PlotArea>
    </telerik:RadHtmlChart>



    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top