ma-serial-chart Y axis
-
Hello,
I'm trying to have two values on the Y access of a graph. They are within the same numeric range. (0-100ish)
For example, I have a motor where I monitor Amps, and Hz of the motor speed controller over a period of time which can be selected by the date bar.
I can add Amps alone, and I can add Hz alone, but as soon as I try to add them together using different series, the page comes up blank.
Its also worth noting that I can add the Amps from multiple motors on different series, so I'm guessing it is a conflict with the units of Hz and A being on the same Y axis.
Below is the relevant code I'm using:
<ma-point-values point-xid="DP_motoramps" values="MotorAmps" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}} {{dateBar.rollupIntervalPeriod}}"> </ma-point-values> <ma-point-values point-xid="DP_motorvfd" values="MotorHz" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}} {{dateBar.rollupIntervalPeriod}}"> </ma-point-values> <ma-serial-chart style="height: 100%; width: 100%" series-1-values="MotorAmps" series-1-title="Motor AMPS" series-2-values="MotorHz" series-2-title="Motor Hz" legend="true" balloon="true" export="true"> </ma-serial-chart>
Also, while I'm on the topic, I've noticed that when I mess up the syntax in any way, the preview in the page editor just shows up blank. Is there any log or debugger I can use to determine what is causing it not to render?
Thanks for the help.
-
Hi fishfacs,
Its also worth noting that I can add the Amps from multiple motors on different series, so I'm guessing it is a conflict with the units of Hz and A being on the same Y axis.
I wouldn't think so, series with different units can share an axis.
It could be:
- The chart is displaying with no height. I saw this using your code snippet, but solved it by putting all those directives into a
<div style="height: 300px"></div>
- One of the series is much more dense than the other and you've hit the limit of point values on a chart (5001 by default) and the less dense series isn't getting to return much data before that limit gets hit. Perhaps try a rollup like "Start" ?
Have you tried clicking on the series in the chart legend to see if you can see the other series simply by disabling the display of one of them?
Also, while I'm on the topic, I've noticed that when I mess up the syntax in any way, the preview in the page editor just shows up blank. Is there any log or debugger I can use to determine what is causing it not to render?
You can open your browser's developer tools. Sometimes you'll see a related error for certain sorts of mistakes in the markup, but not always.
- The chart is displaying with no height. I saw this using your code snippet, but solved it by putting all those directives into a