Modifier and Type | Class and Description |
---|---|
class |
EventProvider
Is a JavaScript object container, which contains THE chart instance, which will manage chart events to events handlers.
|
Modifier and Type | Class and Description |
---|---|
class |
Animation
It animates charts out of the box.
|
class |
BarOptions
Specific options for BAR chart.
|
class |
BaseOptions
Base object which maps chart options.
Charba stores the unique chart ID into CHART.JS chart options using charbaId property key.Important topics to take care: Responsive When it comes to change the chart size based on the window size, a major limitation is that the canvas render size (canvas.width and .height) can not be expressed with relative values, contrary to the display size (canvas.style.width and .height). |
class |
BubbleOptions
Specific options for BUBBLE chart.
|
class |
DoughnutOptions
Specific options for DOUGHNUT chart.
|
class |
Elements
Options can be configured for four different types of elements: arc, lines, points, and rectangles.
|
class |
GaugeOptions
Specific options for GAUGE chart.
|
class |
Hover
Definitions about how elements appear in the tooltip, hovering the chart.
|
class |
Layout
The layout configuration is needed to set the padidng.
|
class |
Legend
The chart legend displays data about the datasets that area appearing on the chart.
|
class |
LegendLabels
This is the labels configuration of the legend.
|
class |
LineOptions
Specific options for LINE chart.
|
class |
MeterOptions
Specific options for METER chart.
|
class |
MultiScalesOptions
Configuration of chart with multiple scales.
|
class |
PieOptions
Specific options for PIE chart.
|
class |
PolarAreaOptions
pecific options for POLAR AREA chart.
|
class |
RadarOptions
Specific options for RADAR chart.
|
class |
Scales
The configuration element which contains all axes definitions.
|
class |
ScatterOptions
Specific options for SCATTER chart.
|
class |
SingleScaleOptions
Configuration of chart with only 1 scale.
|
class |
StackedOptions
Configuration of chart which could be stacked.
It uses Category axis for X axis and Linear for Y axis. |
class |
Title
Configures the chart title which defines text to draw at the top of the chart.
|
class |
Tooltips
Configuration element to set all attributes and features of the tooltip.
|
Modifier and Type | Class and Description |
---|---|
class |
Arc
Arcs are used in the polar area, doughnut and pie charts.
|
class |
Line
Line elements are used to represent the line in a line chart.
|
class |
Point
Point elements are used to represent the points in a line chart or a bubble chart.
|
class |
Rectangle
Rectangle elements are used to represent the bars in a bar chart.
|
Modifier and Type | Class and Description |
---|---|
class |
Padding
It is applied to all sides of the chart (left, top, right, bottom).
|
Modifier and Type | Class and Description |
---|---|
class |
Axis
Axes are an integral part of a chart.
They are used to determine how data maps to a pixel value on the chart. It contains a number of config callbacks that can be used to change parameters in the scale at different points in the update process. |
class |
BarCategoryAxis
This a cartesian axis for BAR chart.
|
class |
BaseTick
Base object to map an axis tick.
It is also common to want to change the tick marks to include information about the data type. To do this, you need to add a callback in the axis configuration. |
class |
CartesianCategoryAxis
This object is used to map defined axis as category.
|
class |
CartesianCategoryTick
The category scale provides the following options for configuring tick marks.
The labels are drawn from one of the label arrays included in the chart data. |
class |
CartesianLinearAxis
This object is used to map defined axis as linear.
|
class |
CartesianLinearTick
The linear scale is use to chart numerical data.
It can be placed on either the x or y axis. The scatter chart type automatically configures a line chart to use one of these scales for the x axis. As the name suggests, linear interpolation is used to determine where a value lies on the axis. |
class |
CartesianLogarithmicAxis
This object is used to map defined axis as logarithmic.
|
class |
CartesianLogarithmicTick
The logarithmic scale is use to chart numerical data.
|
class |
CartesianScaleLabel
When creating a chart, you want to tell the viewer what data they are viewing.
|
class |
CartesianTimeAxis
This object is used to map defined axis as time.
|
class |
CartesianTimeTick
The time scale is use to chart time data.
It can be placed on either the x or y axis. |
class |
GridLines
The grid line configuration defines options for the grid lines that run perpendicular to the axis.
|
class |
RadialAngleLines
It is used to configure angled lines that radiate from the center of the chart to the point labels.
Note that these options only apply if display is true. |
class |
RadialAxis
Radial axes are used specifically for the radar and polar area chart types.
These axes overlay the chart area, rather than being positioned on one of the edges. The linear scale is use to chart numerical data. As the name suggests, linear interpolation is used to determine where a value lies in relation the center of the axis. |
class |
RadialLinearTick
This object is used to map defined radial axis as linear.
|
class |
RadialPointLabels
It is used to configure the point labels that are shown on the perimeter of the scale.
Note that these options only apply if display is true. |
class |
StackedScales
Specific scales for stacked charts.
|
class |
Time
The following display formats are used to configure how different time units are formed into strings for the axis tick marks.
|