この要素は、波形が頂点に達した時(on_top:function(){})に赤に、
最下部に達した時(on_btm_function(){})に緑に変わります。
下のテキストボックスには、波形の右端部分が波形の高さのうち何パーセントかが入力されます。
まずは下の二つの波形を見てください。
どちらも与えているパラメタは同じですが、キャンバスの大きさが違うために、右側の波形の表示がおかしくなっています。
この様な場合は、{is_keep_rate: true} と {keep_rate_w: 横幅(px) } を設定し解消してください。
取り敢えず、波形はちゃんと表示されます。(波形の速度が変わります。直し方はわかりません。)