Hi There,
is it possible to center the time series chart in its own “container”. The chart seems to be of center and I can not find any property to change the position of the chart relative to the timeRange.
Can you post the JSON for the chart? In the Project Tree, right-click on the chart, Copy and paste it in here. Then be sure to select it and hit the </> code formatting button.
Here it is:
[
{
"type": "ia.chart.timeseries",
"version": 0,
"props": {
"series": [
{
"name": "soll_ist"
}
],
"plots": [
{
"trends": [
{
"visible": true,
"type": "line",
"series": "soll_ist",
"interpolation": "curveLinear",
"breakLine": true,
"stack": true,
"radius": 2,
"axis": "soll_ist",
"columns": [
{
"key": "soll",
"color": "#DE0117",
"styles": {
"normal": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
},
"highlighted": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
},
"selected": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
},
"muted": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
}
}
},
{
"key": "ist",
"color": "#16C607",
"styles": {
"normal": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
},
"highlighted": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
},
"selected": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
},
"muted": {
"stroke": {
"color": "",
"width": null,
"dashArray": null,
"opacity": null
},
"fill": {
"color": "",
"opacity": null
}
}
}
}
],
"baselines": []
}
],
"axes": [
{
"name": "soll_ist",
"min": "",
"max": "",
"alignment": "left",
"width": 60,
"label": {
"visible": true,
"text": "",
"offset": 0,
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"tick": {
"color": "",
"count": "Auto",
"label": {
"format": "Auto",
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
}
],
"markers": [
{
"visible": true,
"type": "line",
"axis": "soll_ist",
"value": 0,
"line": {
"color": "",
"width": 1,
"opacity": 0.5,
"dashArray": 0,
"label": {
"text": "",
"position": "right",
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
}
}
]
}
],
"timeAxis": {
"visible": false
},
"timeRange": {
"dateFormat": "None"
},
"legend": {
"position": "left"
}
},
"meta": {
"name": "TimeSeriesChart"
},
"position": {
"grow": 1
},
"custom": {
"key": [
{
"aggregate": "LastValue",
"alias": "soll"
},
{
"aggregate": "LastValue",
"alias": "ist"
}
]
},
"propConfig": {
"custom.key[1].path": {
"binding": {
"type": "expr",
"config": {
"expression": "\"[default]\"+{view.params.path}+\"/menge_ist\""
}
}
},
"props.series[0].data": {
"binding": {
"type": "tag-history",
"config": {
"dateRange": {
"mostRecent": "4",
"mostRecentUnits": "HOUR"
},
"returnSize": {
"type": "FIXED",
"numRows": "100"
},
"tags": "{this.custom.key}",
"returnFormat": "Wide",
"polling": {
"enabled": false,
"rate": "30"
},
"aggregate": "MinMax",
"valueFormat": "DATASET",
"ignoreBadQuality": false,
"preventInterpolation": false,
"enableValueCache": true,
"avoidScanClassValidation": true
}
}
},
"custom.key[0].path": {
"binding": {
"type": "expr",
"config": {
"expression": "\"[default]\"+{view.params.path}+\"/menge_soll\""
}
}
}
}
}
]