I've asked a similar question before but we're still having some trouble understanding the best way to create a serial chart for the past 12 hours.

What we are doing now works BUT, if you graph "too many" points (one of our dashboard pages has 7 points across two graphs), the page loads very slow and crashes frequently. I believe the way we are doing it now is not the best way, so I'm hoping for some advice.

Is there a more efficient way to achieve what we want?

This is a small sample of what we are doing now:

<!-- We only want to obtain last 12 hours of data, so use Angular Moment Library to do figure out what last 12 hours are-->
<ma-now update-interval="1 minutes" output="to"></ma-now>
<ma-calc input="to | maMoment:'subtract':12:'hours'" output="from"></ma-calc>

<!-- Get last 12 hour of flow, suction, and output pressure data, averaged over 1 minute -->
<ma-point-values 
    point-xid="leaderOutdoorTemperature"
    rendered="true" 
    values="leaderOutdoorTemperatureHistorical" 
    from="from" 
    to="to" 
    rollup="AVERAGE" 
    rollup-interval="1 minutes">
</ma-point-values> 

Here's the dasboard:

Some further info: