We've got our design in place, from top to bottom, so now it's time to cast a critical eye over it. Are there any unknown aspects of the design or are there any potential pain points? The live-updating chart is a little bit of a black box right now. While we know that charts support animation (via the animate
configuration option), we want to be certain that the axis on the chart can update as the new data comes in. It's worth doing a very simple test to make certain this'll work. To do this, we're going to go a little bit retro.
Rather than using Sencha Cmd and the whole Bootstrap process, we're going to link directly to the files we need and use Ext.onReady to run our code. Here's the empty template:
<!DOCTYPE HTML>
<html manifest="">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<title>Chart Test</title>
<script type="text/javascript" src="ext/build/ext-all-debug.js"><...