Moving the AMcharts Export to the bottom right.
-
I have tried to get the Export Button to move to the bottom right. I see that the export.css has a style to allow that, but I can't call it out. Here is the code i have tried.
<div ng-show="graphselector == 'kW'">
<ma-serial-chart default-balloon-text="[[title]]: [[value]]" style="height: 500px; width: 100%" series-1-point="kW" series-1-values="kWValues" series-1-color="blue" series-1-type= "smoothedLine" series-series-4-point="myVars.temp" series-4-values="myVars.tempValues" series-4-color="red" series-4-type= "line" series-4-axis="right" default-type="smoothedLine" stack-type="regular" overflow="visible" legend="true" balloon="true" export="true" menu= "bottom-right" options="{chartScrollbar:{'enabled': true}, export: {'enabled': true , 'position': 'bottom-right' }}"
></ma-serial-chart> -
<ma-serial-chart default-balloon-text="[[title]]: [[value]]" style="height: 500px; width: 100%" series-1-point="kW" series-1-values="kWValues" series-1-color="blue" series-1-type= "column" series-series-4-point="myVars.temp" series-4-values="myVars.tempValues" series-4-color="red" series-4-type= "line" series-4-axis="right" default-type="smoothedLine" stack-type="regular" overflow="visible" balloon="true" legend="true" export="true" options="{chartScrollbar:{'enabled': true}, export: {'position': 'bottom-right'}}"
></ma-serial-chart> -
This is what made it work.
-
Glad you figured it out! Thanks for posting.
-
As a side note on this issue. I noticed that when I put this in the bottom-right, it was right next to the chart. I had to go into the amcharts css files to move it lower.