Axes for a Tank Chart
-
I am trying to add an axis to the left side of the tank from the code below. I feel it should be an easy style or option format but I have not been able to find anything thats worked. Any help would be appreciated.
<div flex layout="column" layout-gt-sm="row"> <md-card flex> <md-card-content> <ma-get-point-value point-xid="DP_290412" point="myPoint1"> </ma-get-point-value> <p>"{{myPoint1.name}}" {{myPoint1.renderedValue}}.</p> <ma-tank-level point="myPoint1" style="position: absolute; width: 250px; height: 300px;" point-xid="zero_to_hundred" max="55" min="0"> </ma-tank-level> </md-card-content> </md-card>
Thanks!
-
For another example this is the style of chart I am going for:
https://www.amcharts.com/demos/cylinder-gauge/ -
Try this, you can set the AmCharts options using the
options
attribute.<div class="ma-designer-root" id="c3c8df51-b98f-4eb7-81a8-d75f14d7f061" style="width: 1366px; height: 768px; position: relative;"> <ma-tank-level id="920c5cd7-b164-4118-ab85-b1c7f65f4439" style="position: absolute; width: 400px; height: 483px; left: 125px; top: 233px;" point="voltage" point-xid="DP_826409f7-0b92-4bdb-a8a8-f8c051ca1b27" max="300" options="{autoMargins:false, marginBottom:100, marginLeft:50, valueAxes:[{axisAlpha:1.0, labelsEnabled:true}], graphs:[{showOnAxis: true},{showOnAxis: true}]}"></ma-tank-level> <ma-point-value id="6e73f870-46c4-4d17-b266-00df00a32a24" enable-popup="hide" style="position: absolute; left: 596px; top: 268px;" point-xid="DP_826409f7-0b92-4bdb-a8a8-f8c051ca1b27"></ma-point-value> </div>
-
@jared-wiltshire said in Axes for a Tank Chart:
options="{autoMargins:false, marginBottom:100, marginLeft:50, valueAxes:[{axisAlpha:1.0, labelsEnabled:true}]
Okay so i have an axis now. However, the tank chart is now a 3D bar chart causing the tank to seperate into its 2 different components. I have tried using the stack type option in Value axis but this seems to break the code because my tank disappears all together. Any suggestions?