22 lines
600 B
HTML
22 lines
600 B
HTML
|
<article>
|
||
|
|
<script type="text/javascript" src="/static/flot/jquery.flot.js"></script>
|
||
|
|
<script type="text/javascript" src="/static/flot/jquery.flot.resize.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var data, config;
|
||
|
|
$(document).ready(function() {
|
||
|
|
data = [];
|
||
|
|
for (var i=0; i<10; i++) {
|
||
|
|
data.push([i, i*i/10]);
|
||
|
|
}
|
||
|
|
config = {};
|
||
|
|
config.yaxis = {max: 10};
|
||
|
|
config.xaxis = {min: 0, max: 10};
|
||
|
|
$.plot($('#the_graph'), [data], config);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<p>Oh look a graph</p>
|
||
|
|
<div id="the_graph" style="width:100%;height:200px"></div>
|
||
|
|
<p>That's the graph</p>
|
||
|
|
<img src="test.png" />
|
||
|
|
</article>
|