SparklineColumn
Displays a sparkline (a small inline chart that gives an at-a-glance view of trends in a data series) in a grid cell.
The column's field should be a property on your Grid data model containing an array of numbers that make up the data series to display in the sparkline.
SparklineColumn supports chartTypes of line, bar, and pie.
new Grid({
columns : [
{
type : 'sparkline',
chartType : 'line',
field : 'values' // field named here should contain
// an array of numbers
}
]
});
Note that this column requires using thin bundles or thin npm packages in your application, and importing the
chart bundle / package. It does not work with normal packages, module or umd bundles. Useful configs
| Config | Description |
|---|---|
| chartType | Chart type: line, bar, or pie |
| highlightMinMax | Highlight min/max values in the sparkline |
| highlightColor | Color used for highlighting |
See also
- ChartColumn - Full chart column
No results
Configs
Configs are options you supply in a configuration object when creating an instance of this class-
The type of chart.
-
The hex color to use to highlight the minimum and maximum values when highlightMinMax is
true. Applicable for chartTypeslineandbar. -
Whether to highlight the minimum and maximum values in highlightColor. Applicable for chartTypes
lineandbar.
Properties
Properties are getters/setters or publicly accessible variables on this class-
Identifies an object as an instance of SparklineColumn class, or subclass thereof.
-
Identifies an object as an instance of SparklineColumn class, or subclass thereof.
type: sparkline