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

Stock ABC Curve and Chart

2 Answers 126 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Rafael
Top achievements
Rank 1
Rafael asked on 25 Sep 2014, 07:44 PM
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 Answers, 1 is accepted

Sort by
0
Rafael
Top achievements
Rank 1
answered on 26 Sep 2014, 07:48 PM
I need to set color in chart according to the radgrid like in image attached!
0
Danail Vasilev
Telerik team
answered on 30 Sep 2014, 02:38 PM
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.

 
Tags
Chart (Obsolete)
Asked by
Rafael
Top achievements
Rank 1
Answers by
Rafael
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or