Alpha21oct1989 Ответов: 1

Как мне привязать мой столбец DataGrid с круговую диаграмму?


Мне нужно создать datagrid, столбец которого должен быть привязан к piechart таким образом, чтобы при изменении значения столбца piechart обновлялся.

Я хочу, чтобы datagrid имел два столбца и заполнял эти значения коллекции фруктов.Также самое главное, что datagrid должен иметь только один редактируемый столбец, т. е. SHARE, и при изменении значения под этим столбцом он должен автоматически отражаться в piechart.Для этого доля столбца должна быть привязана к piechart.

Пожалуйста, помогите мне с полным кодом.

Ниже приведен мой код datagrid.

<DataGrid x:Name="dataGrid2"  Padding="3"  Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right"  ScrollViewer.HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible" Width="301" Margin="0,10,10,10" Grid.ColumnSpan="2">
           <DataGrid.Resources>
               <Style TargetType="{x:Type DataGridColumnHeader}">
                   <Setter Property="Background" Value="Blue"/>
               </Style>
           </DataGrid.Resources>
       </DataGrid>



Также круговую диаграмму кода.

<DVC:Chart  HorizontalAlignment="Center" VerticalAlignment="Bottom" Canvas.Top="80" Canvas.Left="10" Name="mcChart"

           Background="White" Height="204" Width="754" Grid.Row="2" Grid.ColumnSpan="3" Margin="6,0,0,0">
            <DVC:Chart.Series>
                <DVC:PieSeries Title="Experience" 

                    ItemsSource="{StaticResource FruitCollection}"

                    IndependentValueBinding="{Binding  Path=Name}"

                    DependentValueBinding="{Binding Path=Share}">
                </DVC:PieSeries>
            </DVC:Chart.Series>
        </DVC:Chart>



As you can see what I have tried that to create the pie chart and the piechart is taking its values from &#39;Share&#39; property.
The Dependent Value Binding is bonded to Share property and taking the value from fruitcollection.

class FruitCollection : System.Collections.ObjectModel.Collection&lt;Fruit&gt;
{
    public FruitCollection()
    {
        Add(new Fruit { Name =&quot;0-15&quot;, Share =&quot;1000000&quot;});
        Add(new Fruit { Name =&quot;15-30&quot;, Share = &quot;300000&quot; });
        Add(new Fruit { Name =&quot;30-45&quot;, Share = &quot;200000&quot; });
        Add(new Fruit { Name = &quot;45-60&quot;, Share = &quot;90000&quot; });
        
    }
        
}


Что я уже пробовал:

Я поискал в google и смог найти код piechart, который был ограничен коллекцией фруктов.Мне нужно изменить его в соответствии с требованиями, упомянутыми выше.
Пожалуйста, помогите!

[no name]

Вы хотите сказать, что искали в google тот же самый код, который вам был нужен для домашнего задания, и не смогли его найти? Что ж, возможно, Вам просто придется попробовать стать программистом и написать код самостоятельно.

1 Ответов

Рейтинг:
1

Harpreet05Kaur

Привет,

В наши дни вы можете использовать различные ChartJS для отображения ваших данных в графиках.
Попробуйте следующее: FusionJS, CanvasJs , amCharts и многое другое.

Надеюсь, это вам поможет.