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 - выглядит старовато, но работает отменно!

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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