簡體   English   中英

現代UI Metro WPF中的堆積圖

[英]Stacked Charts in modern UI Metro WPF

有人可以向我解釋如何使用wpf中的Morder UI(地鐵)圖表( http://modernuicharts.codeplex.com/ )創建堆疊的條形圖。

如果我執行以下XAML;

 <metroChart:StackedBar100Chart d:IsLocked="True" Name="f" >
                <metroChart:StackedBar100Chart.Series>
                    <metroChart:ChartSeries  DisplayMember="Name"
                        ItemsSource="{Binding ExampleValues}"
                        ValueMember="Count" />
                </metroChart:StackedBar100Chart.Series>
  </metroChart:StackedBar100Chart>

我可以綁定到可觀察的數字集合-但是如何添加第二個堆棧,第三個堆棧等。

添加新系列會增加更多條形;

 <metroChart:StackedBar100Chart d:IsLocked="True">
                    <metroChart:StackedBar100Chart.Series>
                        <metroChart:ChartSeries  DisplayMember="Name"
                            ItemsSource="{Binding ExampleValues}"
                            ValueMember="Count" />
                        <metroChart:ChartSeries  DisplayMember="Name"
                            ItemsSource="{Binding ExampleValues2}"
                            ValueMember="Count" />
                    </metroChart:StackedBar100Chart.Series>
  </metroChart:StackedBar100Chart>

 exampleValues.Add(new ExampleValues() { Name = "China", Count = 1340 });
        exampleValues.Add(new ExampleValues() { Name = "India", Count = 1220 });
        exampleValues.Add(new ExampleValues() { Name = "United States", Count = 309 });
        exampleValues.Add(new ExampleValues() { Name = "Indonesia", Count = 240 });
        exampleValues.Add(new ExampleValues() { Name = "Brazil", Count = 195 });
        exampleValues.Add(new ExampleValues() { Name = "Pakistan", Count = 174 });
        exampleValues.Add(new ExampleValues() { Name = "Nigeria", Count = 158 });

        exampleValues2.Add(new ExampleValues() { Name = "England", Count = 860 });
        exampleValues2.Add(new ExampleValues() { Name = "Scotland", Count = 600 });
        exampleValues2.Add(new ExampleValues() { Name = "Wales", Count = 209 });

在此處輸入圖片說明

如何堆疊在現有酒吧的頂部?

對於每個示例國家,我想要生產的東西都是這樣的;

在此處輸入圖片說明

Series元素是一個集合,因此您可以添加另一個ChartSeries

<metroChart:StackedBar100Chart.Series>
    <metroChart:ChartSeries DisplayMember="Name"
                            ItemsSource="{Binding ExampleValues}"
                            ValueMember="Count" />

    <!-- You can add more series elements here. -->
    <metroChart:ChartSeries DisplayMember="Name"
                            ItemsSource="{Binding AnotherCollection}"
                            ValueMember="Count" />
</metroChart:StackedBar100Chart.Series>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM