This is a full copy&paste ready example for part 3) in the Apps - Getting Started article.
{
"version": "0.1",
"screens": [
{
"layout": "largeLayout",
"conditions": {
"minScreenWidth": 2000
}
},
{
"layout": "defaultLayout"
}
],
"layouts": [
{
"id": "defaultLayout",
"type": "fixedGrid",
"config": {
"dim": {
"x": 24,
"y": 24
},
"containers": [
{
"id": "container1",
"pos": {
"x": 1,
"y": 1
},
"size": {
"w": 24,
"h": 4
}
},
{
"id": "container2",
"pos": {
"x": 1,
"y": 5
},
"size": {
"w": 24,
"h": 10
}
},
{
"id": "container3",
"pos": {
"x": 1,
"y": 15
},
"size": {
"w": 24,
"h": 10
}
}
]
},
"placements": [
{
"containerId": "container1",
"elementId": "helloWorld"
},
{
"containerId": "container2",
"elementId": "myHighchartsElement"
},
{
"containerId": "container3",
"elementId": "myHighchartsElement"
}
]
},
{
"id": "largeLayout",
"type": "fixedGrid",
"config": {
"dim": {
"x": 24,
"y": 24
},
"containers": [
{
"id": "container1",
"pos": {
"x": 1,
"y": 1
},
"size": {
"w": 24,
"h": 4
}
},
{
"id": "container2",
"pos": {
"x": 1,
"y": 5
},
"size": {
"w": 12,
"h": 20
}
},
{
"id": "container3",
"pos": {
"x": 13,
"y": 5
},
"size": {
"w": 12,
"h": 20
}
}
]
},
"placements": [
{
"containerId": "container1",
"elementId": "helloWorld"
},
{
"containerId": "container2",
"elementId": "myHighchartsElement"
},
{
"containerId": "container3",
"elementId": "myHighchartsElement"
}
]
}
],
"elements": [
{
"id": "helloWorld",
"type": "html",
"config": {
"html": "<h1>Hello World!</h1>"
}
},
{
"id": "myHighchartsElement",
"type": "highcharts",
"source": "raw_testSource",
"config": {
"title": {
"text": "My Chart"
},
"subtitle": {
"text": "My Untitled Chart"
},
"exporting": {},
"yAxis": {
"title": {}
},
"series": [
{
"name": "Tokyo",
"turboThreshold": 0
},
{
"name": "New York",
"turboThreshold": 0
},
{
"name": "Berlin",
"turboThreshold": 0
},
{
"name": "London",
"turboThreshold": 0
}
],
"plotOptions": {
"series": {
"animation": false
}
},
}
}
],
"datasources": [
{
"id": "raw_testSource",
"origin": "raw",
"config": {
"schema": "table",
"data": [
{
"Categories": "Jan",
"Berlin": 1.5,
"Tokyo": 2.2,
"New York": 2.3,
"London": 1.1
},
{
"Categories": "Feb",
"Berlin": 2.1,
"Tokyo": 2.8,
"New York": 2.9,
"London": 3.1
},
{
"Categories": "Mar",
"Berlin": 1.2,
"Tokyo": 20.8,
"New York": 2.1,
"London": 2.4
},
{
"Categories": "Apr",
"Berlin": 0.2,
"Tokyo": 4.2,
"New York": 3.7,
"London": 2.5
}
]
}
}
]
}