Chart.js Feature: Advanced Chart Types And Properties

Chart.js and thus Wicked Charts also support advanced chart features.

The advanced chart types are:

• Bubble Chart
• Combo Bar Line
• Progress Bar Chart
• Data Labelling Plugin Chart
• Stacked Group Bar Chart
• Stacked Line
• Dataset Line
• Area Line Boundaries
• Time Series Chart
• Time Series Combo Chart

The advanced chart configuration properties are:

• Point Styles
• Point Sizes
• Line Styles
• Line Interpolation
• HTML Tooltips

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));
add(new Chart("chart", options));