API REFERENCE
data
Chart-specific data. Use the input structure for the chart, such as a tree, nodes and links, or OHLC records. Not every type in this union applies to every chart.
Definition
| Item | Value |
|---|---|
| JavaScript property | data |
| HTML attribute | Pass objects, arrays, and callbacks as JavaScript properties |
| Type | RadarChartData | FunnelChartData | ReadonlyArray<DumbbellDatum> | ReadonlyArray<DotPlotDatum> | ReadonlyArray<TornadoDatum> | ReadonlyArray<VariwideDatum> | ChordData | NetworkGraphData | TreemapData | SankeyData | ErrorBarData | WaterfallData | BubbleData | BoxPlotData | CandlestickData | CalendarHeatmapData | SpectrogramInput | DensityMapInput | HeatmapData | SunburstData | IcicleData | GanttData | ParallelCoordinatesData | DendrogramData | GeoMapData | Surface3DData | Scatter3DData | FlowLinesData | ThemeRiverData | Bar3DData |
| Default | undefined |
undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.
- RadarChartData
Type definition
- FunnelChartData
Type definition
- DumbbellDatum
Type definition
- DotPlotDatum
Type definition
- TornadoDatum
Type definition
- VariwideDatum
Type definition
- ChordData
Type definition
- NetworkGraphData
Type definition
- TreemapData
Type definition
- SankeyData
Type definition
- ErrorBarData
Type definition
- WaterfallData
Type definition
- BubbleData
Type definition
- BoxPlotData
Type definition
- CandlestickData
Type definition
- CalendarHeatmapData
Type definition
- SpectrogramInput
Type definition
- DensityMapInput
Type definition
- HeatmapData
Type definition
- SunburstData
Type definition
- IcicleData
Type definition
- GanttData
Type definition
- ParallelCoordinatesData
Type definition
- DendrogramData
Type definition
- GeoMapData
Type definition
- Surface3DData
Type definition
- Scatter3DData
Type definition
- FlowLinesData
Type definition
- ThemeRiverData
Type definition
- Bar3DData
Type definition
Configuration example
// Register sy-bubble-chart and create the element before configuring it.
chart.data = [
{
"x": 20,
"y": 70,
"z": 30,
"name": "A"
},
{
"x": 45,
"y": 55,
"z": 60,
"name": "B"
},
{
"x": 75,
"y": 80,
"z": 45,
"name": "C"
},
{
"x": 60,
"y": 30,
"z": 20,
"name": "D"
}
];