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-extensionsGitHub

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.NET project using NuGet Package Manager.

Wisej-3-ChartJS 3.0.9nuget

Configure your instance by setting Chart specific Options.

Data is provided in DataSets.

Code sample

The code snippet below:

var data = new object[10];            
Random random = new Random();
for (int i = 0; i < 10; i++)
{
        data[i] = new Point(i, random.Next(10));
}
DataSet ds = chartJS1.DataSets.Add("ds1");
ds.Data = data;
ds.BackgroundColor = Color.Red;

Creates the following chart

Find more information in our ChartJS example in C# or in VB.NET.