highcharts 线性图表
2015-06-19 15:41
453 查看
//引入highcharts.js
<script type="text/javascript">
$(function(){
});
</script>
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/>';
<script type="text/javascript">
$(function(){
$('#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/>';
答案: [[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]}}
相关文章推荐
- WinCE下DLL的加载和调用
- PHP中session的工作原理
- Why is tracking difficult?
- 认识自己——我内心的声音
- 传智播客云课堂另类上线
- MPMoviePlayerViewController播放本地视频一直Loading问题
- JavaScript查找Html字符串中的img标签替换src属性的内容
- Eclipse标准版如何安装J2EE插件?Eclipse安装J2EE插件教程
- 关于后盾网yii框架的学习小结(10)--使用AR类的增删改查
- SQLServer安装错误之--->无法打开项 UNKNOWN\Components\DA42BC89BF25F5BD0AF18C3B9B1A1EE8\c1c4f01781cc94c4c8fb1542c0981a2a
- C数据类型和组合类型(结构、联合、枚举和typedef)
- HTMl5的sessionStorage和localStorage
- 【华为oj】成绩排序
- ice和java socket性能对比。
- iOS开发笔记20——iOS开发常用的RGB色值
- 用动态规划的方法求解两个字符串的最长公共子串
- 自定义Activity标题栏(Title bar)和窗体显示状态操作(requestWindowFeature()的应用)
- Bootstrap系列 -- 1. 如何使用Bootstrap
- Codeforces Round #308 (Div. 2)
- 一个label 混搭不同颜色,不同字体的文字.. by 徐