欧美视频国产视频,国产91网站在线,成人亚洲国产

圖表控件LightningChart.NET使用教程：如何創(chuàng)建2D熱圖

翻譯|使用教程|編輯：楊鵬連|2020-08-12 10:02:49.143|閱讀 300 次

概述：在本教程中，我們將展示如何使用IntensityGridSeries創(chuàng)建簡單的2D熱圖。

LightningChart.NET完全由GPU加速，并且性能經(jīng)過優(yōu)化，可用于實(shí)時(shí)顯示海量數(shù)據(jù)-超過10億個(gè)數(shù)據(jù)點(diǎn)。 LightningChart包括廣泛的2D，高級3D，Polar，Smith，3D餅/甜甜圈，地理地圖和GIS圖表以及適用于科學(xué)，工程，醫(yī)學(xué)，航空，貿(mào)易，能源和其他領(lǐng)域的體繪制功能。LightningChart.NET現(xiàn)已加入在線訂購，現(xiàn)在搶購立享優(yōu)惠！立即咨詢>>

點(diǎn)擊下載LightningChart.NET最新試用版

使用LightningChart，您可以為各種用例創(chuàng)建不同類型的圖表。先前的教程演示了如何創(chuàng)建具有多個(gè)線系列和軸，面積系列和條形系列的簡單2D圖表。在本教程中，我們將展示如何使用IntensityGridSeries創(chuàng)建簡單的2D熱圖。

熱圖是一個(gè)矩陣，其中包含以顏色表示的各個(gè)值。在數(shù)據(jù)可視化中，可以使用熱圖通過著色的變化提供可視內(nèi)容和有關(guān)數(shù)據(jù)值的反饋。對于本教程，我們建議您創(chuàng)建一個(gè)新的WinForms或WPF應(yīng)用程序。LightningChart提供了兩種創(chuàng)建熱圖的方法IntensityGridSeries和IntensityMeshSeries。IntensityGrid是在X和Y空間中均勻分布的矩形序列，可以可視化M x N個(gè)節(jié)點(diǎn)數(shù)組。IntensityMesh類似于IntensityGrid，但在IntensityMesh，系列不必為矩形，而系列節(jié)點(diǎn)可以在X和Y空間中任意放置。在本教程中，我們使用IntensityGridSeries。

1.創(chuàng)建一個(gè)熱圖實(shí)例作為IntensityGridSeries。

// Create a Heat Map as IntensityGridSeries.
var heatMap = new IntensityGridSeries(_chart.ViewXY, axisX, axisY);

為了以所需的顏色顯示數(shù)據(jù)值，我們需要創(chuàng)建一個(gè)ValueRangePalette。ValueRangePalette用于基于值定義數(shù)據(jù)著色的顏色。

2.為IntensityGridSeries創(chuàng)建ValueRangePalette。

// Creating palette for IntensityGridSeries.
var palette = new ValueRangePalette(series);

LightningChart具有ValueRangePalette的預(yù)設(shè)值。為了以所需的方式為數(shù)據(jù)著色，我們首先需要清除ValueRangePalette及其調(diào)色板步驟。

3.從ValueRangePalette中清除預(yù)設(shè)值。

// LightningChart has some preset values for palette steps.
// Clear the preset values from palette before setting new ones.
foreach (var step in palette.Steps)
{
    step.Dispose();
}
palette.Steps.Clear();

然后，我們需要為調(diào)色板和PaletteType一起設(shè)置顏色。您可以使用System.Windows.Media.Color或System.Drawing.Color定義顏色，具體取決于您使用的是WPF還是WinForms。PaletteType定義調(diào)色板顏色在您的應(yīng)用程序中的外觀。

??·?????????è°?è?2????±????????????????winforms wpf

對于此示例，我們將PaletteType設(shè)置為Gradient。

4.定義用于為數(shù)據(jù)著色的調(diào)色板步驟。

// Add steps into palette. 
// Palette is used for presenting data in Heat Map with different colors based on their value.
palette.Steps.Add(new PaletteStep(palette, Color.FromRgb(0, 0, 255), -25));
palette.Steps.Add(new PaletteStep(palette, Color.FromRgb(20, 150, 255), 0));
palette.Steps.Add(new PaletteStep(palette, Color.FromRgb(0, 255, 0), 25));
palette.Steps.Add(new PaletteStep(palette, Color.FromRgb(255, 255, 20), 50));
palette.Steps.Add(new PaletteStep(palette, Color.FromRgb(255, 150, 20), 75));
palette.Steps.Add(new PaletteStep(palette, Color.FromRgb(255, 0, 0), 100));
palette.Type = PaletteType.Gradient;
palette.MinValue = -50;

您可以使用IntensityPoints將數(shù)據(jù)添加到熱圖。IntensityPoints是Intensity系列的數(shù)據(jù)點(diǎn)。在此示例中，我們將IntensityGrid的值填充為IntensityPoints，并用ValueRangePalette著色。

5.生成熱圖數(shù)據(jù)。

// Generate data.
public void GenerateData(int columns, int rows)
{
    // Create new IntensityPoint series for data.
    var data = new IntensityPoint[_columns, _rows];

    // Disable rendering before updating chart properties to improve performance
    // and to prevent unnecessary chart redrawing while changing multiple properties.
    _chart.BeginUpdate();

    // Set data values and add them to Heat Map.
    for (int i = 0; i < _columns; i++)
    {
        for (int j = 0; j < _rows; j++)
        {
            // Add values to the IntensityPoint series, points are generated by using following function.
            data[i, j].Value = 30.0 + 20 * Math.Cos(20 + 0.0001 * (double)(i * j)) + 70.0 * Math.Cos((double)(j - i) * 0.01);
        }
    }

    // Add generated data as Heat Map data.
    _heatMap.Data = data;

    // Call EndUpdate to enable rendering again.
    _chart.EndUpdate();
}

想要購買FusionCharts Suite XT正版授權(quán)，或了解更多產(chǎn)品信息請點(diǎn)擊