2

Будут поступать данные с com порта. И нужно будет эти данные показать в виде графика, которая через каждые (допустим 10 сек) будет меняться, т.к поступают новые данные. Теперь вопрос, что лучше использовать для отрисовки графиков на wpf? И второе, в winforms я использовал zedgraph, можно ли его использовать с wpf, или лучше не стоит, если да то можно пример небольшой, не могу ни чего найти на эту тему в интернете.

1
  • Была та же самая проблема, я ничего не нашел - пришлось свой контрол писать для этого. Есть куча библиотек красивых для WPF но они платные :( А стандартного нету ничего. Можно написать свой контрол у которого будет метод "обновить данные" и его использовать 2 июн 2016 в 14:34

2 ответа 2

3

Зачем так сложно? Вполне достаточно прямых рук и Polyline.

Пример: вот такой XAML

<Window x:Class="SimpleGraph.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Function Graph" Height="350" Width="525">
    <Grid>
        <Polyline Name="Graph" Stroke="Blue" StrokeThickness="1"/>
    </Grid>
</Window>

и code-behind

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        SizeChanged += UpdateGraph;
    }

    double func(double x) => // should be injected from VM
        Math.Sin(x);

    double minX = -2 * Math.PI; // should be injected from VM
    double maxX = 2 * Math.PI; // should be injected from VM

    double minY = -1.5; // should be injected from VM
    double maxY = 1.5; // should be injected from VM

    void UpdateGraph(object sender, SizeChangedEventArgs e)
    {
        var pixelWidth = Graph.ActualWidth;
        var pixelHeight = Graph.ActualHeight;
        PointCollection points = new PointCollection((int)pixelWidth + 1);
        for (int pixelX = 0; pixelX < pixelWidth; pixelX++)
        {
            var x = MapFromPixel(pixelX, pixelWidth, minX, maxX);
            var y = func(x);
            var pixelY = pixelHeight - MapToPixel(y, minY, maxY, pixelHeight);
            points.Add(new Point(pixelX, pixelY));
        }
        Graph.Points = points;
    }

    double MapFromPixel(double pixelV, double pixelMax, double minV, double maxV) =>
        minV + (pixelV / pixelMax) * (maxX - minX);

    double MapToPixel(double v, double minV, double maxV, double pixelMax) =>
        (v - minV) / (maxV - minV) * pixelMax;
}

выдаёт следующий график:

график, что ж ещё

6
  • А сетку? Просто линиями расчертить?
    – MaximK
    7 июн 2016 в 12:20
  • @MaximK: Ну да. И стрелки. В любом случае сторонние контролы делают то же самое (только их настроить может быть сложнее, чем написать вручную).
    – VladD
    7 июн 2016 в 12:27
  • double func(double x) => Math.Sin(x); не пойму почему выдает ошибку...
    – MaximK
    8 июн 2016 в 9:59
  • @MaximK: А какая у вас версия Студии?
    – VladD
    8 июн 2016 в 10:07
  • 1
    А, понятно, это синтаксис для 2015. Для 2013 пишите просто double func(double x) { return Math.Sin(x); }.
    – VladD
    8 июн 2016 в 10:48
1

Попробуйте использовать Modern UI Chartsвведите сюда описание изображения или WPF Toolkitвведите сюда описание изображения.

Если при использовании ModernUI удалить обновление всех стилей - работает очень даже шустро. Toolkit - выглядит старовато, но работает отменно!

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.