$(function(){

    var valElem = $("#graph-values");
    var c0_M = eval($("#car-0-m",valElem).text());
    var c1_M = eval($("#car-1-m",valElem).text());
    var l0_M = eval($("#load-0-m",valElem).text());
    var l1_M = eval($("#load-1-m",valElem).text());
    var c0_Y = eval($("#car-0-y",valElem).text());
    var c1_Y = eval($("#car-1-y",valElem).text());
    var c2_Y = eval($("#car-2-y",valElem).text());
    var l0_Y = eval($("#load-0-y",valElem).text());
    var l1_Y = eval($("#load-1-y",valElem).text());
    var l2_Y = eval($("#load-2-y",valElem).text());
    var yAxis_M = $("#y-axis-m",valElem).text();
    var yAxis_Y = $("#y-axis-y",valElem).text();
    // 登録件数前年同月対比
    var gc0 = [];
    var gc1 = [];
    var gl0 = [];
    var gl1 = [];
    var xcount = c0_M.length;
    if(c0_M.length < c1_M.length){
        xcount = c1_M.length;
    }
    for(i=0;i<xcount;i++){
      gc0[i] = [i+1,c0_M[i]];
      gc1[i] = [i+1,c1_M[i]];
      gl0[i] = [i+1,l0_M[i]];
      gl1[i] = [i+1,l1_M[i]];
    }

    var gdata = [
        { data: gl0,
          label: '2011年 荷物件数(●)',
          color: '#f00'} ,
        { data: gc0,
          label: '2011年 車両件数(●)',
          color: '#00f'},
        { data: gl1,
          label: '2010年 荷物件数(■)',
          color: '#f93'},
        { data: gc1,
          label: '2010年 車両件数(■)',
          color: '#36f'}
    ];
    var options = {
        series: {
            lines: { show: true, lineWidth:1 },
            points: { show: false },
            legend: { show: false }
        },
        legend: { show: false },
        xaxes:[
            {
                ticks: [1,15,xcount],
                position:'bottom'
            },
            {
                show:true,
                position:'top',
                ticks: function(axis){
                    return[[(axis.min+axis.max)/2,"登録件数 前年同月対比"]]; 
                }
            }
        ],
        yaxis: { min: 0 },
        selection: { mode: "x" }
    };
    $.plot($("#chart1"), gdata , options);

    // 登録件数年間推移
    var gc0 = [];
    var gc1 = [];
    var gc2 = [];
    var gl0 = [];
    var gl1 = [];
    var gl2 = [];
    for(i=0;i<12;i++){
      gc0[i] = [i+1,c0_Y[i]];
      gc1[i] = [i+1,c1_Y[i]];
      gc2[i] = [i+1,c2_Y[i]];
      gl0[i] = [i+1,l0_Y[i]];
      gl1[i] = [i+1,l1_Y[i]];
      gl2[i] = [i+1,l2_Y[i]];
    }

    var gdata = [
        { data: gl0,
          label: '2011年 荷物件数(●)',
          color: '#f00'} ,
        { data: gc0,
          label: '2011年 車両件数(●)',
          color: '#00f'},
        { data: gl1,
          label: '2010年 荷物件数(■)', 
          color: '#f93'},
        { data: gc1,
          label: '2010年 車両件数(■)',
          color: '#36f'},
        { data: gl2,
          label: '2009年 荷物件数(▲)',
          color: '#f6f'},
        { data: gc2, 
          label: '2009年 車両件数(▲)',
          color: '#0ff'}
    ];
    var options = {
        series: {
            lines: { show: true, lineWidth:1},
            points: { show: false }
        },
        legend: { show: false },
        xaxes:[
            {
                ticks: [1,4,8,12],
                tickFormatter: function (val, axis) {
                    return val + "月";
                },
                position:'bottom'
            },
            {
                show:true,
                position:'top',
                ticks:function(axis){
                    return[[(axis.min+axis.max)/2,"登録件数 年間推移"]];
                }
            }
        ],
        yaxis: { min: 0 },
        selection: { mode: "x" }
    };
    $.plot($("#chart2"), gdata , options );
});