https://github.com/panuon/panuon.wpf.charts

https://github.com/panuon/panuon.wpf.charts

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/panuon/panuon.wpf.charts
• Owner: Panuon
• Created: 2023-12-01T05:16:11.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-17T15:24:43.000Z (about 1 year ago)
• Last Synced: 2024-04-13T21:50:22.511Z (10 months ago)
• Language: C#
• Size: 95.7 KB
• Stars: 4
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Panuon.WPF.Charts

`This project is still under development.`

## How to use

### 1. Add Chart Control

Add a CartesianChart control (for line charts, column charts, etc.) or a RadialChart control (for pie charts, donut charts, etc.).  

```xml

xmlns:pc="https://opensource.panuon.com/wpf-charts"

...

or

```

Add a data source, supporting data binding.

```CSharp

chart.ItemsSource = new object[]

{

    { Title = "Data 1", Value1 = 5, Value2 = 15, Value3 = 10, Value4 = 20, Value5 = 15 },

    { Title = "Data 2", Value1 = 15, Value2 = 10, Value3 = 20, Value4 = 30, Value5 = 20 },

    ...

}

```

### 2. Set axises (optional)

Add X and Y axes to the chart to customize the axis details (Note: RadialChart does not support XY axes), or hide the axes by using `XAxis="{x:Null}"` or `YAxis="{x:Null}"`.  

```xml

...

    

    

    

...

```

### 3. Add layers (optional)

By default, the chart control does not respond to mouse interactions. You can enhance mouse interaction effects (such as crosshairs and hover points) by adding layers. Additionally, you can customize additional layers by deriving from the LayerBase class.

`Panuon.UI.Charts` currently provides two layers, and we will continue to optimize them.

```xml

    

    

```

### 4. Add series to chart

You can add chart series to the `Series` property of the chart control.

```xml

    ...

```

Available series are listed here.

#### CartesianChart

#### LineSeries

```xml

```

#### ColumnSeries

Note: The ColumnWidth property is of type GridLength, which supports using percentages (e.g., ColumnWidth="0.2*"), indicating that the column width will be 20% of the available width for that coordinate column. If you do not explicitly set the ColumnWidth property, the chart control will use the default automatic value.

```xml

```

#### ClusteredColumnSeries

```xml

    

    

    

```