男女性杂交内,三级一本网站,成人午夜爽

圖表控件LightningChart.NET使用教程：如何創建2D熱圖

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

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

LightningChart.NET完全由GPU加速，并且性能經過優化，可用于實時顯示海量數據-超過10億個數據點。 LightningChart包括廣泛的2D，高級3D，Polar，Smith，3D餅/甜甜圈，地理地圖和GIS圖表以及適用于科學，工程，醫學，航空，貿易，能源和其他領域的體繪制功能。LightningChart.NET現已加入在線訂購，現在搶購立享優惠！立即咨詢>>

點擊下載LightningChart.NET最新試用版

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

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

1.創建一個熱圖實例作為IntensityGridSeries。

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

為了以所需的顏色顯示數據值，我們需要創建一個ValueRangePalette。ValueRangePalette用于基于值定義數據著色的顏色。

2.為IntensityGridSeries創建ValueRangePalette。

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

LightningChart具有ValueRangePalette的預設值。為了以所需的方式為數據著色，我們首先需要清除ValueRangePalette及其調色板步驟。

3.從ValueRangePalette中清除預設值。

// 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();

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

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

對于此示例，我們將PaletteType設置為Gradient。

4.定義用于為數據著色的調色板步驟。

// 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將數據添加到熱圖。IntensityPoints是Intensity系列的數據點。在此示例中，我們將IntensityGrid的值填充為IntensityPoints，并用ValueRangePalette著色。

5.生成熱圖數據。

// 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正版授權，或了解更多產品信息請點擊