$(document).ready(function() {
var options = {
chart: {
renderTo: 'container0',
zoomType: 'xy',
},
title: {
text: 'test chart 0',
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
},
yAxis: {
},
series: [
{
type: 'column',
name: 'sample0',
data: [3, 5, 8, 2, 6, 9],
},
{
type: 'line',
name: 'total',
data: [3, 8, 16, 18, 24, 33],
}
]
}
// Create the chart
var chart = new Highcharts.Chart(options)
});
sample03.html
<html>
<head>
<title>Highcharts test</title>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/modules/exporting.js"></script>
<script type="text/javascript" src="js/sample03.js">>/script>
</head>
<body>
<div id="container0" style="height: 1200px; margin: 0;"></div>
</body>
</html>
出力結果sample03 (fc2 に置いてあるテストページに飛びます)
0 件のコメント:
コメントを投稿