SyntaxHighlighter テスト

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
     chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container109',
            zoomType: 'xy'
        },
        title: {
            text: 'NISSAN 国内月間自動車販売台数'
        },
        subtitle: {
            text: '集計期間: 2010年6月 ~  Source:  <a href="http://www.jada.or.jp/contents/data/index.html">'+'一般社団法人 日本自動車販売協会連合会</a>'
        },
        xAxis: [{
            categories: ['2010/6', '', '', '', '', '','2010/12', '', '','', '', '', '2011/6', '',
 '', '', '', '', '2011/12','', '', '', '', '','2012/6']
        }],
        yAxis: [{ // Primary yAxis
            max: 100000,
            labels: {
                formatter: function() {
                    return this.value +' 台';
                },
                style: {
                    color: '#708090'
                }
            },
            title: {
                text: '月間販売台数',
                style: {
                    color: '#708090'
                }
            }
        }, { // Secondary yAxis
                         min: 25,
                          title: {
                text: '前年同月比',
                style: {
                    color: '#483D8B'
                }
            },
            labels: {
                formatter: function() {
                    return this.value +' %';
                },
                style: {
                    color: '#483D8B'
                }
            },
            opposite: true
        }],
        tooltip: {
            formatter: function() {
                return ''+
                    this.x +': '+ this.y +
                    (this.series.name == '前年比' ? ' %' : ' 台');
            }
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            x: 200,
            verticalAlign: 'top',
            y: 160,
            floating: true,
            shadow: true,
            backgroundColor: '#FFFFFF'
        },
        series: [{
            name: '月間販売台数',
            color: '#708090',
            type: 'column',
            data: [43305,45205,40128,51274,22405,27243,22029,25722,39544,39261,14645,24763,38617,
                               36652,30133,47412,30131,36391,32397,36320,50825,73456,24458,31024,39064]
        }, {
              name: '前年比',
            color: '#483D8B',
            type: 'spline',
            yAxis: 1,
            data: [111.5,91.2,129.5,92.9,61.3,68.1,70.6,67.2,82.5,53.5,52.8,74.1,89.2,
                               81.1,75.1,92.5,134.5,133.6,147.1,141.2,128.5,187.1,167.0,125.3,101.2]   
            
        }]
    });
    });
});   
        </script>
    </head>
    <body>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container109" style="min-width: 820px; height: 420px; margin: 0 auto"></div>
    </body>
</html>
関連記事
  
このエントリーをはてなブックマークに追加


■よく読まれている人気記事


コメントの投稿

非公開コメント

Index for HighCharts FreQuent
author imageAuthor:Lynx
各データの推移を見守り中。
御連絡はこちらまでお願いします。



最新記事