Рисование матрицы с градиентом цветов Спектрограмма

Нет, я знаю, что нет готового элемента управления. Конечно, могут быть и другие библиотеки, которые вы можете купить, но шшш, вы не можете спрашивать о них ТАК ..

Теоретически вы могли бы использовать, или я думаю, я лучше скажу злоупотреблять Chart контролем для этого. Но поскольку DataPoints являются довольно дорогими объектами или, по крайней мере, более дорогими, чем кажется, это кажется нецелесообразным.

Вместо этого вы можете просто нарисовать график в Bitmap самостоятельно.

• Шаг первый - выбрать градиент цветов. См. Функцию interpolateColors вот здесь пример этого!

• Затем вы просто выполните двойной цикл над данными, используя floats для размеров шага и пикселей, и выполните там Graphics.FillRectangle.

Вот простой пример использования GDI+ для создания Bitmap и Winforms PictureBox для отображения. Он не добавляет никаких осей к графике и полностью заполняет его.

Сначала он создает несколько образцов данных и градиент с 1000 цветами. Затем он превращается в Bitmap и отображает результат:

private void button6_Click(object sender, EventArgs e)
{
    // target size:
    Size sz = pictureBox1.ClientSize;
    Bitmap bmp = new Bitmap(sz.Width, sz.Height);

    // the data array:
    double[,] data = new double[222, 222];

    // step sizes:
    float stepX = 1f * sz.Width / data.GetLength(0);
    float stepY = 1f * sz.Height / data.GetLength(1);

    // create a few stop colors:
    List<Color> baseColors = new List<Color>();  // create a color list
    baseColors.Add(Color.RoyalBlue);
    baseColors.Add(Color.LightSkyBlue);
    baseColors.Add(Color.LightGreen);
    baseColors.Add(Color.Yellow);
    baseColors.Add(Color.Orange);
    baseColors.Add(Color.Red);
    // and the interpolate a larger number of grdient colors:
    List<Color> colors = interpolateColors(baseColors, 1000);

    // a few boring test data
    Random rnd = new Random(1);
    for (int x = 0; x < data.GetLength(0); x++)
    for (int y = 0; y < data.GetLength(1); y++)
    {
        data[x, y] = rnd.Next( (int) (300 + Math.Sin(x * y / 999) * 200 )) +
                        rnd.Next(  x +  y + 111);
    }

    // now draw the data:
    using (Graphics G = Graphics.FromImage(bmp))
    for (int x = 0; x < data.GetLength(0); x++)
        for (int y = 0; y < data.GetLength(1); y++)
        {
            using (SolidBrush brush = new SolidBrush(colors[(int)data[x, y]]))
                G.FillRectangle(brush, x * stepX, y * stepY, stepX, stepY);
        }

    // and display the result
    pictureBox1.Image = bmp;
}

Вот функция по ссылке:

List<Color> interpolateColors(List<Color> stopColors, int count)
{
    SortedDictionary<float, Color> gradient = new SortedDictionary<float, Color>();
    for (int i = 0; i < stopColors.Count; i++)
        gradient.Add(1f * i / (stopColors.Count - 1), stopColors[i]);
    List<Color> ColorList = new List<Color>();

    using (Bitmap bmp = new Bitmap(count, 1))
    using (Graphics G = Graphics.FromImage(bmp))
    {
        Rectangle bmpCRect = new Rectangle(Point.Empty, bmp.Size);
        LinearGradientBrush br = new LinearGradientBrush
                                (bmpCRect, Color.Empty, Color.Empty, 0, false);
        ColorBlend cb = new ColorBlend();
        cb.Positions = new float[gradient.Count];
        for (int i = 0; i < gradient.Count; i++)
            cb.Positions[i] = gradient.ElementAt(i).Key;
        cb.Colors = gradient.Values.ToArray();
        br.InterpolationColors = cb;
        G.FillRectangle(br, bmpCRect);
        for (int i = 0; i < count; i++) ColorList.Add(bmp.GetPixel(i, 0));
        br.Dispose();
    }
    return ColorList;
}

Возможно, вы захотите нарисовать оси с метками и т. Д. Для этого вы можете использовать Graphics.DrawString или TextRenderer.DrawText. Просто оставьте достаточно места вокруг области рисования!

Я использовал значения данных, приведенные к int, как прямые указатели на таблицу цветов.

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

Если вы покажете нам свою структуру данных, мы дадим вам дополнительные советы, как адаптировать код для ее использования.

Вы можете создать растровое изображение в соответствии с другим ответом. Также часто используется таблица поиска цвета для преобразования величины журнала БПФ в цвет, используемый для каждого пикселя или небольшого прямоугольника.