highcharts 線性圖表

//引入highcharts.jsjavascript

<script type="text/javascript">
$(function(){java

$('#container').highcharts({
        title: {
            text: '',//x軸上方的標題
            x: -20 //center
        },
        credits: {//去掉右下角log標誌
          enabled:false
        },
        exporting: {//去掉導出按鈕
            enabled:false
        },
        xAxis: {
            categories: <?=$result['statDateJson']?>,//x軸json數組array(0=>,1=>,2=>,3=>,4=>,5=>,6=>)
            labels: {
                rotation : 67  //這個是控制x座標軸 x值的字體方向
            }
        },
        yAxis: {
            title: {
                text: ''//y軸方向的標題
            },
            min: 0,
            labels: {
                format: '{value}'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '個'
        },
        series: <?=$result['dataJson']?>  //json數組格式 array(0=>array('name'=>,'data'=>array(0=>,1=>,2=>,3=>,4=>,5=>,6=>)),1=>array('name'=>,'data'=>array(0=>,1=>,2=>,3=>,4=>,5=>,6=>)));
    });
});

});
</script>面試

 //題外話:忽然想起來前幾天朋友說騰訊的一個面試題,寫一個二維數組的json格式??你能寫出來麼??====》要看這個二維數組是關聯仍是索引數組哦~~  四種!!

  echo json_encode(array(array(1,2,3),array(4,5,6))).'<br/>';
  echo json_encode(array(array(1=>'1',2=>'b',3=>'c'),array(4=>'d',5=>'e',6=>'f'))).'<br/>';
  echo json_encode(array('a'=>array(1,2,3),'b'=>array(4,5,6))).'<br/>';
  echo json_encode(array('a'=>array(1=>'1',2=>'b',3=>'c'),array(4=>'d',5=>'e',6=>'f'))).'<br/>';json

答案:[[1,2,3],[4,5,6]][{"1":"1","2":"b","3":"c"},{"4":"d","5":"e","6":"f"}]{"a":[1,2,3],"b":[4,5,6]}{"a":{"1":"1","2":"b","3":"c"},"0":{"4":"d","5":"e","6":"f"}}===》因而可知:索引用方括號[]   關聯用大括號{}=====》引伸  來!寫一個三維的   array('a'=>array(1,2,3),array('b'=>array(1,2,3)));{"a":[1,2,3],"0":{"b":[1,2,3]}}
相關文章
相關標籤/搜索