| Package | Description |
|---|---|
| org.pepstock.charba.client |
Main package with all charts implementation, global classes and common interfaces.
|
| org.pepstock.charba.client.geo |
Contains all classes to activate the GEO controllers (AKA
chartjs-chart-geo.js ) for CHART.js. |
| org.pepstock.charba.client.impl.charts |
Contains METER and GAUGE charts implementations (based on controllers), available out-of-the box.
|
| org.pepstock.charba.client.matrix |
Contains all classes to activate the Matrix controller (AKA
chartjs-chart-matrix.js ) for CHART.js. |
| org.pepstock.charba.client.sankey |
Contains all classes to activate the Sankey controller (AKA
chartjs-chart-sankey.js ) for CHART.js. |
| org.pepstock.charba.client.treemap |
Contains all classes to activate the TreeMap controller (AKA
chartjs-chart-treemap.js ) for CHART.js. |
| Modifier and Type | Class and Description |
|---|---|
class |
BarChart
BAR chart implementation.
A bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side. |
class |
BubbleChart
BUBBLE chart implementation.
A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles. |
class |
DoughnutChart
DOUGHNUT chart implementation.
A doughnut charts are divided in the segments, the arc of each segment shows the proportional value of each piece of data. |
class |
HorizontalBarChart
HORIZONTAL BAR chart implementation.
A horizontal bar chart is a variation on a bar chart. It is sometimes used to show trend data, and the comparison of multiple data sets side by side. |
class |
LineChart
LINE chart implementation.
A line chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets. |
class |
PieChart
PIE chart implementation.
A pie charts are divided in the segments, the arc of each segment shows the proportional value of each piece of data. They are excellent at showing the relational proportions between data. |
class |
PolarAreaChart
POLAR AREA chart implementation.
Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value. This type of chart is often useful when we want to show a comparison data similar to a pie chart, but also show a scale of values for context. |
class |
RadarChart
RADAR chart implementation.
A radar chart is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets. |
class |
ScatterChart
SCATTER chart implementation.
Scatter charts are based on basic line charts with the x axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties. |
class |
StackedAreaChart
STACKED AREA chart implementation.
A stacked area chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets. |
class |
StackedBarChart
STACKED BAR chart implementation.
Stacked bar charts can be configured like bar charts and changes the settings on the X and Y axes to enable stacking. Stacked bar charts can be used to show how one data series is made up of a number of smaller pieces. |
class |
TimeSeriesBarChart
BAR chart implementation for time series.
A bar chart provides a way of showing data values represented as vertical bars. |
class |
TimeSeriesLineChart
LINE chart implementation for time series.
A line chart is a way of plotting data points on a line. |
class |
VerticalLineChart
Vertical LINE chart implementation.
A line chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets. |
| Modifier and Type | Class and Description |
|---|---|
class |
BubbleMapChart
A Bubble Map, as known as Proportional Symbol is used to render maps with dots that are scaled according to some numerical value.
It is based on a regular bubble chart where the positioning is done using latitude and longitude to create a legend for the different radi. |
class |
ChoroplethChart
A choropleth chart is used to render maps with the area filled according to some numerical value.
|
| Modifier and Type | Class and Description |
|---|---|
class |
GaugeChart
GAUGE chart implementation.
|
class |
MeterChart
METER chart implementation.
|
| Modifier and Type | Class and Description |
|---|---|
class |
MatrixChart
A matrix chart shows magnitude of a phenomenon as color in two dimensions.
The variation in color may be by hue or intensity, giving obvious visual cues to the reader about how the phenomenon is clustered or varies over space. |
| Modifier and Type | Class and Description |
|---|---|
class |
SankeyChart
Sankey charts are a type of flow diagram in which the width of the arrows is proportional to the flow rate.
Sankey diagrams emphasize the major transfers or flows within a system. They help locate the most important contributions to a flow. They often show conserved quantities within defined system boundaries. |
| Modifier and Type | Class and Description |
|---|---|
class |
TreeMapChart
A treemap chart is used for displaying hierarchical data using nested rectangles.
Treemaps display hierarchical (tree-structured) data as a set of nested rectangles. Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches. A leaf node's rectangle has an area proportional to a specified dimension of the data. When the color and size dimensions are correlated in some way with the tree structure, one can often easily see patterns that would be difficult to spot in other ways, such as whether a certain color is particularly relevant. A second advantage of treemaps is that, by construction, they make efficient use of space. |