Stacked Doughnut
20 Replies
Hi Emad Afaq,
We have analyzed the provided codesnippet, in this you have set the json data using URL and trying to add the parsed data items in RestServiceDashboard class based on the model with items such as WorkItem and Count for the StackedDoughnut.
But we were not clear about how you converting the json data using DashboardModel.FromJson(content) in the provided code below in your attachment.
C#: [RestServiceDashboard.cs]
|
…
var response = await _client.GetAsync("https://analytics.dev.azure.com/slb-it/digital-cells-sso-
dna/_odata/v3.0//WorkItems? &$apply = groupby((WorkItemType, State),
aggregate($count as Count))");
if (response.IsSuccessStatusCode)
{
var content = await response.Content.ReadAsStringAsync();
var dashboardValue = DashboardModel.FromJson(content);
foreach (var item in dashboardValue)
{
foreach (var tem in item.Value)
{
DoughnutSeriesData = new ObservableCollection<MultipleCircleModel>
{
new MultipleCircleModel(tem.WorkItemType, tem.Count,"Car.png"),
};//creating new instance always here for DoughnutSeriesData not clear
}
}
return DoughnutSeriesData;
}
… |
Can you please provide more details regarding your requirement using the stacked doughnut in a pictorial representation which will be helpful for us provide the solution at earlier?
1) Whether you want to show the WorkItem type inside the DoughnutSeries Centerview for each legend instead of image as in the sample output at the end.
2) URL link added in the App class details not has enough details.
We would like to share the below code snippet and sample for your reference how to set json data from URL. Please refer the below code for binding the data from URL.
Code snippet[C#]:
|
private readonly HttpClient _client = new HttpClient();
protected override async void OnAppearing()
{
string content = await _client.GetStringAsync(Url);
var json_Datas = JsonConvert.DeserializeObject<ObservableCollection<Model>>(content);
viewModel.Data = json_Datas;
myChart.BindingContext = viewModel;
base.OnAppearing();
} |
Code snippet[XAML]:
|
<chart:SfChart.Series>
<chart:ColumnSeries ItemsSource="{Binding Data}" XBindingPath="CustomerID" YBindingPath="OrderID">
</chart:ColumnSeries>
</chart:SfChart.Series> |
Please refer the below sample using the json data passed as string in specific format and using the json data from a URL.
Output:
Note: The above sample we have prepared using the both Json data from string and also using the URL link.
Regards,
Devakumar D
Thank you very much.
The requirement is to show
Epics: Approved(Count), In-Progress(Count), Done(Count) etc
Feature: Approved(Count), In-Progress(Count), Done(Count) etc
Product Backlog Item: Approved(Count), In-Progress(Count), Done(Count) etc
etc.
So in the middle you are right. I dont want to use the pictures Instead we want to have Status and Count
Something like above. I have posted the JSON also. Basically all values are needed as to get that json data we had to query is using OData.
We would like to let you know that your requirement has been achieved by doing the required calculation with attend time period by actual time period in model class and populating these to the stacked doughnut series as per in below code snippet
XAML:
|
<StackLayout x:Name="stack">
. . . . .
<chart:SfChart.Series>
<chart:DoughnutSeries StartAngle="-90"
CapStyle="BothCurve"
EndAngle="270"
MaximumValue="100"
CircularCoefficient="0.9"
IsStackedDoughnut="true"
x:Name="doughnutSeries"
ItemsSource="{Binding PriceChartDictonaryModel}"
XBindingPath="Subject"
YBindingPath="Percentage"
LegendIcon="Circle"
Spacing="0.4"
EnableAnimation="True">
<chart:DoughnutSeries.CenterView>
<Image Source="Person.png"
HorizontalOptions="Center"
VerticalOptions="Center">
</Image>
</chart:DoughnutSeries.CenterView>
</chart:DoughnutSeries>
</chart:SfChart.Series>
</chart:SfChart> |
Model:
|
public class Model
{
public string Subject { get; set; }
public double Percentage { get; set; }
public Model(string subject, double Totalcompleted_hour, double Required_hour)
{
Subject = subject;
Percentage = ( Required_hour/ Totalcompleted_hour) *100;
}
} |
ViewModel:
|
public class ViewModel
{
public ObservableCollection<Model> PriceChartDictonaryModel { get; set; }
public ViewModel()
{
PriceChartDictonaryModel = new ObservableCollection<Model>();
PriceChartDictonaryModel.Add(new Model("Mathematics", 10, 5));
PriceChartDictonaryModel.Add(new Model("Science", 8, 3));
PriceChartDictonaryModel.Add(new Model("English", 6, 2));
PriceChartDictonaryModel.Add(new Model("Arts", 4, 4));
}
} |
Screenshot:
Sample Link: https://www.syncfusion.com/downloads/support/forum/151463/ze/StackedDoughnut-645704462.zip
Please let us know if you need any further assistance.
Regards,
Suyamburaja J
Hi all!
When I try to include the chart in a CarouselView many cs0103 the name 'identifier' doesn’t exist in the current context errors occurs for the code behind of the view. Specifically for the legend, chart, doughnutSeries and the colorModel objects. When I comment the CarrousselView there's no error.
Errors when the chart is inside a CarouselView:
Here is the carouselview definition:
Do you know what's going on?
Thank you!
Regards,
Eduardo.
SIGN IN To post a reply.
