271 lines
7.2 KiB
Plaintext
271 lines
7.2 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {
|
|
"TagId": "value"
|
|
},
|
|
"propConfig": {
|
|
"params.TagId": {
|
|
"paramDirection": "input",
|
|
"persistent": true
|
|
}
|
|
},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 234,
|
|
"width": 417
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"propConfig": {
|
|
"props.text": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "view.params.TagId"
|
|
},
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"textStyle": {
|
|
"fontSize": 18,
|
|
"fontWeight": "bold",
|
|
"paddingLeft": 15
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Gauge",
|
|
"tooltip": {
|
|
"width": "50%"
|
|
}
|
|
},
|
|
"position": {
|
|
"basis": "244px"
|
|
},
|
|
"props": {
|
|
"backgroundColor": "",
|
|
"innerAxis": {
|
|
"data": "secondaryValue",
|
|
"maxValue": 80,
|
|
"percentRadius": 85,
|
|
"show": false,
|
|
"width": 1
|
|
},
|
|
"outerAxis": {
|
|
"data": "value",
|
|
"maxValue": 120,
|
|
"percentRadius": 80,
|
|
"ranges": [
|
|
{
|
|
"color": "#77B6D8",
|
|
"end": 80,
|
|
"start": 0,
|
|
"width": 8
|
|
},
|
|
{
|
|
"color": "#6E94D7",
|
|
"end": 105,
|
|
"start": 80,
|
|
"width": 12
|
|
},
|
|
{
|
|
"color": "#7A6BD5",
|
|
"end": 120,
|
|
"start": 105,
|
|
"width": 16
|
|
}
|
|
],
|
|
"show": true,
|
|
"width": 1
|
|
}
|
|
},
|
|
"type": "ia.chart.gauge"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "Label"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "white",
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"marginTop": 2
|
|
},
|
|
"text": "Main CB Closed",
|
|
"textStyle": {
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_0"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "white",
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"marginTop": 2
|
|
},
|
|
"text": "CB 01 Closed",
|
|
"textStyle": {
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_1"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "white",
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"marginTop": 2
|
|
},
|
|
"text": "CB 02 Closed",
|
|
"textStyle": {
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_2"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "white",
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"marginTop": 2
|
|
},
|
|
"text": "CB 03 Closed",
|
|
"textStyle": {
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Label_3"
|
|
},
|
|
"position": {
|
|
"basis": "32px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "white",
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"marginTop": 2
|
|
},
|
|
"text": "CB 04 Closed",
|
|
"textStyle": {
|
|
"fontSize": 12,
|
|
"textAlign": "center"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer_0",
|
|
"tooltip": {
|
|
"width": "50%"
|
|
}
|
|
},
|
|
"position": {
|
|
"basis": "135px"
|
|
},
|
|
"props": {
|
|
"direction": "column"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "FlexContainer"
|
|
},
|
|
"position": {
|
|
"basis": "195px"
|
|
},
|
|
"props": {
|
|
"justify": "space-evenly",
|
|
"style": {
|
|
"overflow": "visible"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column",
|
|
"style": {
|
|
"backgroundColor": "#E3E3E3",
|
|
"borderBottomLeftRadius": 5,
|
|
"borderBottomRightRadius": 5,
|
|
"borderTopLeftRadius": 5,
|
|
"borderTopRightRadius": 5,
|
|
"borderWidth": 3,
|
|
"marginBottom": 10,
|
|
"marginLeft": 10,
|
|
"marginRight": 10,
|
|
"marginTop": 10,
|
|
"overflow": "hidden"
|
|
}
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |