Chart.js Feature: Basic Chart Types

Supported by:

wicked-charts-wicket8

wicked-charts-wicket7

wicked-charts-wicket6

wicked-charts-wicket15

wicked-charts-wicket14

---

Chart.js and thus Wicked Charts support a range of different charts.

For an example of how to create a basic chart with Wicket and JSF please consult the [Getting Started](Getting Started) page.

The basic chart types are:

• Line
• Bar
• Horizontal Bar
• Pie
• Radar
• Scatter
• Doughnut
• Polar Area

Adding a Chart in Wicket

<!-- HTML code -->
<div>
    <canvas wicket:id="chart"></canvas>
</div>

// Java code
ChartConfiguration chart = new ChartConfiguration();
chart.setType(ChartType.LINE);
chart.setOptions(new Options().setTitle(new Title().setText("My Chart")));
chart.setData(new Data().setDatasets(Arrays.asList(new Dataset().setData(IntegerValue.of(1,2,3,4)))));
add(new Chart("chart", chart));