User:Hisa: Difference between revisions
From FANTOM5_SSTAR
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
<script src="http://f5-webapp2.gsc.riken.jp/rb_js/highcharts/highcharts.js" type="text/javascript"></script> | <script src="http://f5-webapp2.gsc.riken.jp/rb_js/highcharts/highcharts.js" type="text/javascript"></script> | ||
<div id=" | <style TYPE="text/css"> | ||
<!-- | |||
#resizer { | |||
border: 1px solid silver; | |||
} | |||
#inner-resizer { /* make room for the resize handle */ | |||
padding: 10px; | |||
} | |||
--> | |||
</style> | |||
<div id="resizer" style="min-width: 350px; min-height: 600px"> | |||
<div id="inner-resizer"> | |||
<div id="container" style="height: 600px"> | |||
</div> | |||
</div> | |||
</div> | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var container = $('#container')[0]; | |||
$('#resizer').resizable({ | |||
resize: function() { | |||
chart.setSize( | |||
this.offsetWidth - 20, | |||
this.offsetHeight - 20, | |||
false | |||
); | |||
} | |||
}); | |||
var chart = new Highcharts.Chart({ | var chart = new Highcharts.Chart({ | ||
chart: { | chart: { | ||
renderTo: ' | renderTo: 'container', | ||
defaultSeriesType: 'bar' | defaultSeriesType: 'bar' | ||
Revision as of 17:02, 17 February 2012
