The Time Series chart component doesn't expose the position of the xTrace so there is no way to read it and there would be no way to force another chart to use it. (There probably is some obscure way by injecting Javascript into a page but it's not supported and would be a bit of a mess.)
The feature you're really looking for is to have one chart component with multiple subplots. The component supports that!
The `plots` JSON for inspection.
[
{
"relativeWeight": 1,
"trends": [
{
"visible": true,
"type": "line",
"series": "Boiler",
"interpolation": "curveBasis",
"breakLine": true,
"stack": true,
"radius": 2,
"axis": "temperature",
"columns": [
{
"key": "Temperature",
"color": "#BE0E0E",
"styles": {
"normal": {
"stroke": {
"color": "",
"width": 3,
"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": "temperature",
"min": "",
"max": "",
"alignment": "left",
"width": 60,
"label": {
"visible": true,
"text": "Temperature (°C)",
"offset": 0,
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"tick": {
"color": "",
"count": "Auto",
"label": {
"format": "Auto",
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
},
"grid": {
"visible": true,
"color": "",
"opacity": 0.9,
"dashArray": 0,
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
}
],
"markers": []
},
{
"relativeWeight": 1,
"trends": [
{
"visible": true,
"type": "line",
"series": "Boiler",
"interpolation": "curveBasis",
"breakLine": true,
"stack": true,
"radius": 2,
"axis": "pressure",
"columns": [
{
"key": "Pressure",
"color": "#0BAB03",
"styles": {
"normal": {
"stroke": {
"color": "",
"width": 3,
"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": "pressure",
"min": "",
"max": "",
"alignment": "left",
"width": 60,
"label": {
"visible": true,
"text": "Pressure (bar)",
"offset": 0,
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"tick": {
"color": "",
"count": "Auto",
"label": {
"format": "Auto",
"font": {
"color": "",
"size": 10
},
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
},
"grid": {
"visible": true,
"color": "",
"opacity": 0.9,
"dashArray": 0,
"style": {
"classes": ""
}
},
"style": {
"classes": ""
}
}
],
"markers": []
}
]