This article is outdated, you can access the most current version here: https://doc.onedata.de/apps/apps-docs/odml-documentation/AppBuilder/elements/HighchartsElement.html#type-highcharts
This is a sample configuration for a Boxplot in Apps.
(Tip for boxplots with outliers: Place multiple charts ontop of each other and work with x, y, and z values in placements)
{
"id": "boxplotElement",
"type": "highcharts",
"source": "boxplotData",
"config": {
"title": {
"text": "Boxplot"
},
"exporting": {},
"chart": {
"type": "boxplot",
"polar": false,
"inverted": false
},
"series": [
{
"name": "low",
"turboThreshold": 0,
"marker": {
"enabled": false
},
"colorByPoint": false
},
{
"name": "q1",
"turboThreshold": 0
},
{
"name": "median",
"turboThreshold": 0
},
{
"name": "q3",
"turboThreshold": 0
},
{
"name": "high",
"turboThreshold": 0
}
],
"plotOptions": {
"series": {
"animation": false,
"dataLabels": {}
}
},
"legend": {},
"tooltip": {
"shared": false
},
"lang": {},
"credits": {
"enabled": false
}
}
}
This is the datasource used:
{
"id": "boxplotData",
"origin": "raw",
"config": {
"schema": "table",
"data": [
{
"x": "A",
"low": 760,
"q1": 801,
"median": 848,
"q3": 895,
"high": 965
},
{
"x": "B",
"low": 733,
"q1": 853,
"median": 939,
"q3": 980,
"high": 1080
},
{
"x": "C",
"low": 714,
"q1": 762,
"median": 817,
"q3": 870,
"high": 918
},
{
"x": "D",
"low": 724,
"q1": 802,
"median": 806,
"q3": 871,
"high": 950
}
]
}
}