Как построить график по нужным колонкам dataGrid

@Serikbay · Регистрация: 05.12.2014

Author24 — интернет-сервис помощи студентам

Доброго времени суток!
Знает ли кто-нибудь, как построить график по колонкам. Кодом или через Binding?
Если имеется пример, поделитесь пожалуйста!

@~~Ev_Hyper~~ · 04.05.2015, 01:10

Serikbay, опишите задачу более подробно.

@Serikbay · 04.05.2015, 12:42 **[ТС]**

Ev_Hyper. Имеется dataGridView с двумя колонками .Column[0](Time) и .Colimn[1](Value). Как по этим двум колонкам построить график с помощью toolkit:Chart?

@Mor1L · 04.05.2015, 12:50

Serikbay, Сделайте коллекцию с объектами, в каждом объекте по два свойства, ваши значения, и прибиндите как и Grid к ним, так и Chart; Это не WinForms, где просто тулится в грид, в WPF легче на привязках.

XML

1	Имя_вашей_серии_графика.ItemsSource = Ваша_коллекция;

Если юзаете обычную коллекцию, не ObservableCollection, так же не заюывайте после каждых изменений рефрешить.

XML

1	Имя_вашей_серии_графика.Refresh();

@Serikbay · 04.05.2015, 13:09 **[ТС]**

Ev_Hyper. Имеется dataGridView с двумя колонками .Column[0](Time) и .Colimn[1](Value). Как по этим двум колонкам построить график с помощью toolkit:Chart?

Сообщение от Mor1L

Это не WinForms, где просто тулится в грид, в WPF легче на привязках.

Это понятно, поэтому я и обратился. Я 7 день изучаю WPF. И пока ещё не совсем разобрался, как правильно работать с Binding.

Сообщение от Mor1L

Сделайте коллекцию с объектами, в каждом объекте по два свойства, ваши значения, и прибиндите как и Grid к ним

Я понял, как применить биндинг к dataGrid, а вот как указать свойства для осей - не понятно.

@Mor1L · 04.05.2015, 13:23

Ну вот Вам пример.

XML

1
2
3

<charting:Chart  Name="Charts" Margin="403,-222,38,542"   FontFamily="Script MT Bold"  FontSize="16"  BorderBrush="{x:Null}" Foreground="Black" >
                    <charting:PieSeries  Name="Имя_вашей_серии"  DependentValuePath="Value" IndependentValuePath="Name"   Margin="102,310,-82,-290"/>
                </charting:Chart>

Свойства зависимые и независимые, должны быть такими же как в объекте, которые в коллекции. Серию выбирайте какую хотите, столбики, круговую, что душе угодно.

@Serikbay · 04.05.2015, 13:43 **[ТС]**

Сообщение от Mor1L

Свойства зависимые и независимые, должны быть такими же как в объекте, которые в коллекции. Серию выбирайте какую хотите, столбики, круговую, что душе угодно.

А как в серии указать свойства?

@Mor1L · 04.05.2015, 13:47

Serikbay, Я в примере уже указал, в моем случае зависимые - по каким значениям будут сравниваться в процентном отношении Value, а не зависимые - Name. Эти же свойства соответствуют Ваши свойствам, которые в объекте.

@Serikbay · 04.05.2015, 14:07 **[ТС]**

Mor1L,

XML

<chartingToolkit:LineSeries Grid.Column="1" HorizontalAlignment="Left" Margin="71,50,0,0" Grid.Row="2" Title="Chart Title" VerticalAlignment="Top" Height="238" Width="292">
 
            <chartingToolkit:LineSeries DependentValuePath="Time" IndependentValuePath="Value" ItemsSource="{Binding Source={StaticResource myDataGrid}}"/>
        </chartingToolkit:LineSeries>

Что тут не так? Я никак не разберусь(

@Mor1L · 04.05.2015, 14:13

Serikbay,

XML

<chartingToolkit:Chart Grid.Column="1" HorizontalAlignment="Left" Margin="71,50,0,0" Grid.Row="2" Title="Chart Title" VerticalAlignment="Top" Height="238" Width="292">
 
            <chartingToolkit:LineSeries DependentValuePath="Time" IndependentValuePath="Value" ItemsSource="{Binding Source={StaticResource myDataGrid}}"/>
        </chartingToolkit:LineSeries>
 </charting:Chart>

@Serikbay · 04.05.2015, 14:51 **[ТС]**

Mor1L, теперь не загружается проект. При загрузке данных в dataGrid. Что объект должен иметь тип Double.

Добавлено через 2 минуты
А как можно прописать, чтоб строил на кнопку?

@Mor1L · 04.05.2015, 14:56

Serikbay, В смысле строил на кнопку? По событию нажатия по кнопке?

@Serikbay · 04.05.2015, 15:02 **[ТС]**

Mor1L, Да

@Mor1L · 04.05.2015, 15:15

Он привязан или к коллекции, или к таблице, поэтому всегда будет показывать состояние чего либо, и зависеть от них. Это можно манипулировать, к примеру привязывать к коллекции, и по нажатию по кнопке можно эту коллекцию заполнить из грида, или как угодно, тогда она отобразится, по другой кнопке, можно к примеру отчистить коллекцию, следовательно и график отчиститься, вообщем как угодно, но все манипуляции нужно делать с коллекцией, или гридом.

@Serikbay · 04.05.2015, 15:22 **[ТС]**

А можно на примере?

@Mor1L · 04.05.2015, 15:27

Serikbay, Что именно? Как привязать к коллекции, и как в нее добавлять, и чистить?

@Serikbay · 04.05.2015, 15:28 **[ТС]**

Как на событие клик строить график по данным из dataGrid?

@Mor1L · 04.05.2015, 15:31

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

@Serikbay · 04.05.2015, 15:53 **[ТС]**

Mor1L, я наверное не совсем правильно Вас понял.
Делаю так: это в событии клик по кнопке

C#

mySeries.ItemsSource = @"{Binding Source={StaticResource myDataGrid}}";
            mySeries.DependentValuePath = "Time";
            mySeries.IndependentValuePath = "Value";
            mySeries.Refresh();

это в серии

XML

1	<chartingToolkit:LineSeries Name="mySeries"/>

@Mor1L · 04.05.2015, 16:14

C#

  public class Diagr: 
    {
        public int Value{get;set;}
        public string Name { get; set; }
 
       
    }
public List<Diagr> list; 
list = new List<Diagr>()
            {
                new Diagr{ Value = 12, Name =  "Михаил" },
                new Diagr { Value = 15, Name =  "Александр" }
                
            };
 
            ChartOne.ItemsSource = list;
 ChartOne.Refresh();

Используйте коллекцию, а не грид. Я вам описал пример коллекции, и как его привязывать, манипулируйте нею, хотите перезапишите в нее при событии, хотите отчистите, что угодно. И график будет отображать ее состояние. А уже эта коллекция биндится к чему угодно.

Добавлено через 5 минут

XML

<chartingToolkit:LineSeries Grid.Column="1" HorizontalAlignment="Left" Margin="71,50,0,0" Grid.Row="2" Title="Chart Title" VerticalAlignment="Top" Height="238" Width="292">
 
            <chartingToolkit:LineSeries  Name="ChartOne" DependentValuePath="Time" IndependentValuePath="Value" />
        </chartingToolkit:LineSeries>

Так же можете удалять, сортировать, чистить все что угодно.

Добавлено через 8 минут
Только поставьте параметры какие вам нужно, и измените свойства, я описал для примера Name и Value.

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 14:51 [ТС]	11
	Mor1L, теперь не загружается проект. При загрузке данных в dataGrid. Что объект должен иметь тип Double. Добавлено через 2 минуты А как можно прописать, чтоб строил на кнопку? 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 15:28 [ТС]	17
	Как на событие клик строить график по данным из dataGrid? 0

@Mor1L 11 / 11 / 2 Регистрация: 23.08.2014 Сообщений: 48
	04.05.2015, 15:31	18
	В обработчике по кнопке в пустую коллекцию, перенесите все ваши элементы из дата грида, и сделайте источник на график вашу коллекцию, я в первых сообщениях привел пример. Изначально коллекция будет пустой, график соответственно тоже, при нажатии перенесите в него все элементы, и обновите график, элементы появятся. Посмотрите сообщения выше. 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
		1
	.NET 4.x Как построить график по нужным колонкам dataGrid 03.05.2015, 23:14. Показов 2869. Ответов 31 Метки нет (Все метки) Доброго времени суток! Знает ли кто-нибудь, как построить график по колонкам. Кодом или через Binding? Если имеется пример, поделитесь пожалуйста! 0

@~~Ev_Hyper~~ Заблокирован
	04.05.2015, 01:10	2
	Serikbay, опишите задачу более подробно. 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 12:42 [ТС]	3
	Ev_Hyper. Имеется dataGridView с двумя колонками .Column[0](Time) и .Colimn[1](Value). Как по этим двум колонкам построить график с помощью toolkit:Chart? 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 13:09 [ТС]	5
	Ev_Hyper. Имеется dataGridView с двумя колонками .Column[0](Time) и .Colimn[1](Value). Как по этим двум колонкам построить график с помощью toolkit:Chart? Сообщение от Mor1L Это не WinForms, где просто тулится в грид, в WPF легче на привязках. Это понятно, поэтому я и обратился. Я 7 день изучаю WPF. И пока ещё не совсем разобрался, как правильно работать с Binding. Сообщение от Mor1L Сделайте коллекцию с объектами, в каждом объекте по два свойства, ваши значения, и прибиндите как и Grid к ним Я понял, как применить биндинг к dataGrid, а вот как указать свойства для осей - не понятно. 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 13:43 [ТС]	7
	Сообщение от Mor1L Свойства зависимые и независимые, должны быть такими же как в объекте, которые в коллекции. Серию выбирайте какую хотите, столбики, круговую, что душе угодно. А как в серии указать свойства? 0

@Mor1L 11 / 11 / 2 Регистрация: 23.08.2014 Сообщений: 48
	04.05.2015, 13:47	8
	Serikbay, Я в примере уже указал, в моем случае зависимые - по каким значениям будут сравниваться в процентном отношении Value, а не зависимые - Name. Эти же свойства соответствуют Ваши свойствам, которые в объекте. 1

@Mor1L 11 / 11 / 2 Регистрация: 23.08.2014 Сообщений: 48
	04.05.2015, 14:56	12
	Serikbay, В смысле строил на кнопку? По событию нажатия по кнопке? 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 15:02 [ТС]	13
	Mor1L, Да 0

@Mor1L 11 / 11 / 2 Регистрация: 23.08.2014 Сообщений: 48
	04.05.2015, 15:15	14
	Он привязан или к коллекции, или к таблице, поэтому всегда будет показывать состояние чего либо, и зависеть от них. Это можно манипулировать, к примеру привязывать к коллекции, и по нажатию по кнопке можно эту коллекцию заполнить из грида, или как угодно, тогда она отобразится, по другой кнопке, можно к примеру отчистить коллекцию, следовательно и график отчиститься, вообщем как угодно, но все манипуляции нужно делать с коллекцией, или гридом. 0

@Serikbay 1 / 1 / 0 Регистрация: 05.12.2014 Сообщений: 58
	04.05.2015, 15:22 [ТС]	15
	А можно на примере? 0

@Mor1L 11 / 11 / 2 Регистрация: 23.08.2014 Сообщений: 48
	04.05.2015, 15:27	16
	Serikbay, Что именно? Как привязать к коллекции, и как в нее добавлять, и чистить? 0