Introduction
Icon Packs
Extensions
ChartJS
Simple yet flexible JavaScript charting for designers & developers
The ChartJS extension component uses the excellent ChartJS widget to render amazing charts in real time. Please note that this extension is still under development and some advanced options are not yet available. Nevertheless, it’s quite an extension!
wisej-extensions/Wisej.Web.Ext.ChartJS at 3.0 · iceteagroup/wisej-extensions
GitHub
ChartJS Source Code
Features
The ChartJS Extension includes the following chart types:
- Line
- Bar
- HorizontalBar
- Radar
- PolarArea
- Pie
- Doughnut
- Bubble
- Scatter
How to Use
The ChartJS extension can be added to a Wisej project using NuGet Package Manager.
Wisej-3-ChartJS 3.0.9
nuget
Configure your instance by setting Chart specific Options.
Data is provided in DataSets.
Code sample
The code snippet below:
1
var data = new object[10];
2
Random random = new Random();
3
for (int i = 0; i < 10; i++)
4
{
5
data[i] = new Point(i, random.Next(10));
6
}
7
DataSet ds = chartJS1.DataSets.Add("ds1");
8
ds.Data = data;
9
ds.BackgroundColor = Color.Red;
Copied!
Creates the following chart
Last modified 23d ago
Copy link