Наличие n сегментов в круговой диаграмме или других диаграммах с использованием WPF и LVC (LiveCharts)

Я пытался включить круговые диаграммы с помощью LVC, и это прекрасно работает. Я играл с этим простым кодом... .xml....

<UserControl x:Class="UI.PieChart"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:UI"
             xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="500"
             d:DataContext = "{d:DesignInstance local:PieChart}">
    <Grid>
        <lvc:PieChart LegendLocation="Bottom" DataClick="Chart_OnDataClick" Hoverable="False" DataTooltip="{x:Null}">
            <lvc:PieChart.Series>
                <lvc:PieSeries Name ="Portion" Title="Maria" Values="3" DataLabels="True"
                               LabelPoint="{Binding PointLabel0}"/>
                <lvc:PieSeries Title="Charles" Values="4" DataLabels="True" 
                               LabelPoint="{Binding PointLabel1}"/>
                <lvc:PieSeries Title="Frida" Values="6" DataLabels="True" 
                               LabelPoint="{Binding PointLabel2}"/>
                <lvc:PieSeries Title="Frederic" Values="2" DataLabels="True" 
                               LabelPoint="{Binding PointLabel3}"/>
            </lvc:PieChart.Series>
        </lvc:PieChart>
    </Grid>
</UserControl>

и этот код, который активирует действия пользователя... .xaml.cs

namespace UI
{
    /// <summary>
    /// Interaction logic for DataChart.xaml
    /// </summary>
    public partial class PieChart : UserControl
    {
        public PieChart()
        {
            InitializeComponent();
            PieSeries()
            PointLabel = chartPoint =>
                            string.Format("{0} ({1:P})", chartPoint.Y, chartPoint.Participation);

            DataContext = this;
        }
        public Func<ChartPoint, String> PointLabel { get; set;}

        private void Chart_OnDataClick(object sender, ChartPoint chartpoint)
        {
            var chart = (LiveCharts.Wpf.PieChart) chartpoint.ChartView;

            foreach (PieSeries series in chart.Series)
                series.PushOut = 0;
            var selectedSeries = (PieSeries)chartpoint.SeriesView;
            selectedSeries.PushOut = 8;
        }
    }
}

Я совершенно новичок в C#, .xaml, WPF и LVC... Но то, что я хотел бы сделать, это не жестко запрограммировать количество клиньев в диаграмме PIE. Вместо этого я хотел бы создать круговую диаграмму на основе предоставленных мне данных. Я хотел бы сделать это на С#. Где, когда я создаю экземпляр класса PieChart(). Я могу передать 5 в качестве параметра, например, PieChart(5). Затем это создаст PieChart, а затем продолжит создание 5 PieSeries или 5 сегментов... дополнительный вопрос, есть ли для этого лучшие инструменты, чем LVC или даже WPF?


c# charts wpf xaml livecharts
person Community    schedule 09.10.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Одним из подходов может быть создание SeriesCollection, добавление к нему списка PieSeries на основе некоторого пользовательского ввода и привязка круговой диаграммы в XAML к SeriesCollection. Вам также потребуется реализовать INotifyPropertyChanged, чтобы убедиться, что изменения в SeriesCollection отражаются в пользовательском интерфейсе (здесь реализовано в RaisePropertyChanged):

Коллекция SeriesCollection, к которой вы будете привязываться:

    private SeriesCollection myPie = new SeriesCollection();
    public SeriesCollection MyPie
    {
        get
        {
            return myPie;
        }
        set
        {
            myPie = value;
            RaisePropertyChanged("MyPie");
        }
    }

Код для обработки некоторого пользовательского ввода (здесь на основе класса UserInput со свойством Value). Количество фрагментов будет равно количеству PieSeries, которое вы добавите в SeriesCollection:

foreach(item in UserInput)
{
    MyPie.Add(new PieSeries { Values = new ChartValues<int> { item.Value }, DataLabels = true };
}

В своем XAML привяжите SeriesCollection к круговой диаграмме:

<lvc:PieChart Series="{Binding MyPie}"/>
person AlBal    schedule 10.10.2017