Hi Pikey
I have edited the live updating chart example to get you started. let me know if you come right.
<div layout="row" ng-init="options={min:1,max:20,stackType:'regular'}">
<md-input-container flex="75">
<label>Choose a point</label>
<ma-point-list limit="200" ng-model="point1"></ma-point-list>
</md-input-container>
<md-input-container flex>
<label>Values to display</label>
<input type="number" min="1" max="1000" ng-model="count" ng-init="count=100">
</md-input-container>
</div>
<div layout="row">
<md-input-container flex="25">
<label>Min</label>
<input type="number" ng-model="options.min">
</md-input-container>
<md-input-container flex="25">
<label>Max</label>
<input type="number" ng-model="options.max">
</md-input-container>
<md-input-container flex="25">
<label>Title</label>
<input ng-model="options.title">
</md-input-container>
<md-input-container flex="25">
<label>StackType</label>
<md-select ng-model="options.stackType">
<md-option value=""><em>clear</em></md-option>
<md-option value="none"><em>None</em></md-option>
<md-option value="regular"><em>regular</em></md-option>
<md-option value="100%"><em>100%</em></md-option>
</md-select>
</md-input-container>
</div>
<ma-point-values point="point1" values="point1Values" latest="count">
</ma-point-values>
<ma-serial-chart style="height: 300px; width: 100%" series-1-values="point1Values" series-1-point="point1"
options="{synchronizeGrid: false, valueAxes:[{minimum:options.min, maximum:options.max,title:options.title,color:'green',stackType:options.stackType}]}">
</ma-serial-chart>
{{options}}
For somereason, if syncronizeGrid is not set to false the min and max does not work.
BTW whenyou change a option the chart takes about 5-10 seconds to rerender.