Funnel chart
JSON used as input for Funnel chart rendering consists of multiple elements.
Basic structure
{ "elements": [ { "type": "funnel", "values": [ ... ] } ] }
Common elements
Name | Description | Example | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
chartId | Chart view identifier. Refer to REST API. | chart_3-FDEp6Q41fb_s3fwVc7F9H | ||||||||||||||||||
bg_color | Defines the color of the background for the entire chart | #e5e5e5 | ||||||||||||||||||
is_decimal_separator_comma | Determines whether to use comma as decimal separator. [0, 1] | 1 | ||||||||||||||||||
is_thousand_separator_disabled | Determines whether to use the thousands separator or not. [0, 1] | 1 | ||||||||||||||||||
tooltip | Defines the basic tooltip settings for the entire chart.
|
Example
{ "chartId": "chart_3-FDEp6Q41fb_s3fwVc7F9H", "bg_colour": "#e5e5e5", "is_decimal_separator_comma": 1, "is_thousand_separator_disabled": 1, "tooltip": { "mouse": "2", "shadow": true, "stroke": 1, "colour": "#202020", "background": "#ffffff" }, "options": {} }
"elements" content
Each object in array elements describe one chart element. In example below we have only one element that has type funnel and contains array with 4 values. Each value object consists of value, label, tool tip, colour, context.
Name | Description | Example | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
type | Type of the chart. For funnel chart, the value is "funnel" | funnel | ||||||||||||||||||
values |
|
"elements": [ { "type": "funnel", "values": [ { "value": 444835.123456789, "tip": "Austria\n444835.1", "label": "444.835", "colour": "#C1D8DF", "context": "{\"dataLink\":\"3_-2043221543\",\"identifierQuery\":\"[L_COUNTRY={Austria}]\"}" }, { "value": 730974, "tip": "Canada\n730974", "label": "730.974", "colour": "#9A60A1", "context": "{\"dataLink\":\"3_-1852385212\",\"identifierQuery\":\"[L_COUNTRY={Canada}]\"}" }, { "value": 546650, "tip": "France\n546650", "label": "546.650", "colour": "#187846", "context": "{\"dataLink\":\"3_-1863819183\",\"identifierQuery\":\"[L_COUNTRY={France}]\"}" }, { "value": 643782.34, "tip": "Germany\n643782.3", "label": "643.782", "colour": "#C97B36", "context": "{\"dataLink\":\"3_-547347785\",\"identifierQuery\":\"[L_COUNTRY={Germany}]\"}" } ] } ]
Examples
Overview
Content Tools