Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Johanna Laitila authored Sep 11, 2018
1 parent b76fa92 commit 89957b6
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ With *LightningChart* you can create different types of charts for various use c

A heatmap is a matrix containing individual values which are presented as colors. In data visualization, heatmaps can be utilized to provide visual content and feedback about data values through variations in coloring. For this tutorial, we recommend you create a new Windows Forms or WPF application. *LightningChart* offers two methods for creating heatmaps - *IntensityGridSeries* and *IntensityMeshSeries*. *IntensityGrid* is evenly-spaced, rectangular series in X and Y space which allows visualization of M x N array of nodes. *IntensityMesh* is similar to the *IntensityGrid*, but in *IntensityMesh*, series does not need to be rectangular, while series nodes can be positioned arbitrarily in the X and Y space. For this tutorial, we are using the *IntensityGridSeries*.

#### 1. Create a Heatmap instance as IntensityGridSeries.
##### 1. Create a Heatmap instance as IntensityGridSeries.

```csharp
// Create a Heatmap as IntensityGridSeries.
var heatMap = new IntensityGridSeries(view, axisX, axisY);
```
In order to present data values in the required colors, we need to create a *ValueRangePalette*. *ValueRangePalette* is used to define the colors for data coloring based on the values.

#### 2. Create a ValueRangePalette for IntensityGridSeries.
##### 2. Create a ValueRangePalette for IntensityGridSeries.

```csharp
// Creating palette for IntensityGridSeries.
Expand All @@ -23,7 +23,7 @@ var palette = new ValueRangePalette(series);
*LightningChart* has preset values for *ValueRangePalette*. In order to color the data in the desired way, we firstly need to clear the *ValueRangePalette* and its palette steps.


#### 3. Clear preset values from ValueRangePalette.
##### 3. Clear preset values from ValueRangePalette.

```csharp
// LightningChart has some preset values for palette steps.
Expand All @@ -41,7 +41,7 @@ Then we need to set colors for our palette together with *PaletteType*. You can

For this example, we are setting *PaletteType* to *Gradient*.

#### 4. Define palette steps used for coloring the data.
##### 4. Define palette steps used for coloring the data.

```csharp
// Add steps into palette.
Expand All @@ -58,7 +58,7 @@ palette.MinValue = -50;

You can add data to Heatmap by using *IntensityPoints*. *IntensityPoints* are datapoints for Intensity series. In this example, we fill our IntensityGrid with values as *IntensityPoints* which are colored with the *ValueRangePalette*.

#### 5. Set data to chart.
##### 5. Set data to chart.

```csharp
// Update chart's contents.
Expand Down

0 comments on commit 89957b6

Please sign in to comment.