Как оптимизировать построение графика?

Question

[Александр Прокопенко]

Добрый день, мне нужно рисовать график с большим количеством данных и чтобы он не тормозил, встроенный в Win forms chart мне не подходит потому что мне нужно добавлять точки при наведении на которые можно было бы увидеть X Y Z, сейчас я использую LiveCharts, но когда график начинает рисовать более чем 5 файлов по 60 строк с данными он начинает тормозить, а мне нужно 24 файла. Мне должны приходить каждый час файл с временем и коорлинатами которые записываюстя по минутам. Есть ли какой-то способ ускрорить/оптимизировать livecharts или какое-то другое решение?

Comments

[insighter]

Напишите свой контрол, это не сложно.

[Александр Прокопенко]

insighter, То есть chart win forms модифицировать?

[insighter]

AlexanderProkopenko, с нуля можно написать свой контрол, и рисовать, что нужно на нем руками.

[Александр Прокопенко]

insighter, Другого варианта я так понял нет, да?

[insighter]

AlexanderProkopenko, я не работал с LiveCharts к сожалению.

[insighter]

скиньте картинку графика который тормозит, чтобы можно было оценить его визуальную сложность

[Александр Прокопенко]

insighter,

[insighter]

AlexanderProkopenko, выглядит не сложно, за пару вечеров пишется.

[Александр Прокопенко]

insighter, дело не в сложности, он тормозит при наведении/изменении размера окна , то есть когда я навожу курсор на точку данные появляются через 0.5-2 секунды, а когда изменяю размер окна то вообще надо ждать 5-10 секунд

[insighter]

AlexanderProkopenko,

выглядит не сложно, за пару вечеров пишется.

я имел ввиду - свой чарт пишется с нуля, строго под эту задачу

[Александр Прокопенко]

insighter, А понял, но это для вас. Я новичок в С# и cotrol'ы никогда не писал

[Foggy Finder]

Попробуйте использовать библиотеку ScottPlot - она как раз создавалась для обработки большого числа данных.

Дайте знать если будут какие-либо вопросы по работе с ней или предложенное решение не подойдет.

[Александр Прокопенко]

Foggy Finder, Спасибо, но я чуть позже попробую, сейчас мне нужно расшифровывать данные

[Александр Прокопенко]

Foggy Finder, А могу ли я при нажатии точку видеть данные?

[Foggy Finder]

AlexanderProkopenko, https://scottplot.net/faq/mouse-position/

[Александр Прокопенко]

Foggy Finder, Можете подсказать как я могу по X указать дату, а не double число как в примере с github'a

[Александр Прокопенко]

AlexanderProkopenko,
Как тут.

[Foggy Finder]

AlexanderProkopenko, https://scottplot.net/cookbook/4.1/category/axis-a...

[Александр Прокопенко]

Foggy Finder, Привет, я подключил базу данных и пытаюсь рисовать график из нее, но выдает ошибку: MaxRenderindex must be positive

listDates = DB.Select(ref conn, "Date time");
listX = DB.Select(ref conn, "CX");
listY = DB.Select(ref conn, "CY");
listZ = DB.Select(ref conn, "CZ");

for (int i = 0; i < listX.Count; i++)
{
    valuesX.Add(double.Parse(listX[i]));
    valuesY.Add(double.Parse(listY[i]));
    valuesZ.Add(double.Parse(listZ[i]));
}

double samplesPerDay = (24 * 60);

var sig = formsPlot1.Plot.AddSignal(valuesX.ToArray(), sampleRate: samplesPerDay);
sig.OffsetX = start.ToOADate();

formsPlot1.Refresh();

[Александр Прокопенко]

AlexanderProkopenko, Ошибка в этой строчке:
sig.OffsetX = start.ToOADate();

[Foggy Finder]

AlexanderProkopenko, ошибка довольно красноречиво указывает на проблему. Посмотрите в отладчике чему равно `start`? Если не получится разобраться то оптимально будет создать минимально воспроизводимый пример

[Александр Прокопенко]

Foggy Finder, Есть ли способ рисовать не OADate? У меня неправильное время показывается

[Александр Прокопенко]

Foggy Finder, Из базы данных: 2022.09.02 13:08, а график рисует: 2022:09:02 5:08

[Foggy Finder]

AlexanderProkopenko, возможно где-то происходит конвертация в UTC? если будет воспроизводимый пример я смогу посмотреть в чем тут дело

[Александр Прокопенко]

Foggy Finder,

try
{
    var start = new DateTime(1899, 12, 30);
    formsPlot1.Plot.Clear();
    valuesX = DB.SelectDouble(ref conn, "CX");
    valuesY = DB.SelectDouble(ref conn, "CY");
    valuesZ = DB.SelectDouble(ref conn, "CZ");
    dates = DB.SelectDouble(ref conn, "Date time");        

    double pointsPerDay = 24 * 60;

    var sigX = formsPlot1.Plot.AddSignal(valuesX.ToArray(), pointsPerDay);
    var sigY = formsPlot1.Plot.AddSignal(valuesY.ToArray(), pointsPerDay);
    var sigZ = formsPlot1.Plot.AddSignal(valuesZ.ToArray(), pointsPerDay);
    signalsX.Add(sigX);
    signalsY.Add(sigY);
    signalsZ.Add(sigZ);

    if (isFirst)
    {
        sigX.Label = "X";
        sigY.Label = "Y";
        sigZ.Label = "Z";
        isFirst = false;
    }

    for (int i = 0; i < valuesX.Count; i++)
    {
        sigX.OffsetX = dates[i];
        sigY.OffsetX = dates[i];
        sigZ.OffsetX = dates[i];
    }


    if (darkToolStripMenuItem.Checked)
    {
        darkToolStripMenuItem_Click(this, null);
    }
    else
    {
        lightToolStripMenuItem_Click(this, null);
    }
}
catch { }

Начинается с 5:00 а в бд с 2:00

public static List<double> SelectDouble(ref MySqlConnection conn, string what = "CX")
{
try
{
    switch (what)
    {
        case "Date time":
            // SELECT `Date time` FROM `Var`
            MySqlCommand cmd2 = new MySqlCommand("SELECT `Date time` FROM `Var`", conn);
            MySqlDataReader reader2 = cmd2.ExecuteReader();
            List<double> values2 = new List<double>();
            while (reader2.Read())
            {
                var date = Convert.ToDateTime(reader2.GetString(0)).ToOADate();
                values2.Add(date);
            }
            reader2.Close();
            return values2;
        case "CX":
            // SELECT `CX` FROM `Var`
            MySqlCommand cmd3 = new MySqlCommand("SELECT `CX` FROM `Var`", conn);
            MySqlDataReader reader3 = cmd3.ExecuteReader();
            List<double> values3 = new List<double>();
            while (reader3.Read())
            {
                values3.Add(double.Parse(reader3.GetString(0)));
            }
            reader3.Close();
            return values3;
        case "CY":
            // SELECT `CY` FROM `Var`
            MySqlCommand cmd4 = new MySqlCommand("SELECT `CY` FROM `Var`", conn);
            MySqlDataReader reader4 = cmd4.ExecuteReader();
            List<double> values4 = new List<double>();
            while (reader4.Read())
            {
                values4.Add(double.Parse(reader4.GetString(0)));
            }
            reader4.Close();
            return values4;
        case "CZ":
            // SELECT `CZ` FROM `Var`
            MySqlCommand cmd5 = new MySqlCommand("SELECT `CZ` FROM `Var`", conn);
            MySqlDataReader reader5 = cmd5.ExecuteReader();
            List<double> values5 = new List<double>();
            while (reader5.Read())
            {
                values5.Add(double.Parse(reader5.GetString(0)));
            }
            reader5.Close();
            return values5;
        default:
            throw new Exception("iinvalid value");
            break;
    }
}
catch (Exception ex) 
{
    MessageBox.Show(ex.Message);
    return new List<double>(); 
}
}

[Foggy Finder]

AlexanderProkopenko, под воспроизводимым примером я имел ввиду тот который смогу запустить у себя

Answer 1

[Александр Ананьев]

Есть несколько техник отрисовки большого количества точек на графике.
Как известно, если точек графика больше, чем точек на экране (области отображения), при отображении близкие точки сливаются в одну. Эту особенность можно использовать для отрисовки точек на графике. Она поможет ускорить перерисовку графика при интерактивном взаимодействии.
Второй вариант - это приближенное отображение графика с использованием алгоритмов прореживания точек, например, алгоритм Рамера — Дугласа — Пекера или Largest-Triangle-Three-Buckets.

Comments

[Александр Прокопенко]

Ну и как хотяб один из этих вариантов реализовать?

[Александр Ананьев]

AlexanderProkopenko, обработкой входящей последовательности точек с получением новой последовательности, которую надо выводить. Задача не тривиальная и требует некоторое время для реализации.