Personal tools

User:Hisa: Difference between revisions

From FANTOM5_SSTAR

Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<header>
<script type="text/javascript" src="http://f5-webapp2.gsc.riken.jp/rb_js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://f5-webapp2.gsc.riken.jp/rb_js/jquery-1.7.1.min.js"></script>
<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>


<style TYPE="text/css">
</header>
<!--
<body>
#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="container" style="width:3500px; height:400px;">
    <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: 'container',
       renderTo: 'container',
       defaultSeriesType: 'bar'
       defaultSeriesType: 'column'


     },
     },
Line 71: Line 49:
chart.redraw();
chart.redraw();
</script>
</script>
</body>


</html>
</html>

Revision as of 17:31, 17 February 2012