//引入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]}}