Highcharts(一)之第一个Dome

来源:互联网 发布:c语言中=和==的区别 编辑:程序博客网 时间:2024/05/29 16:53


一个简单的实例:

1.在highcharts中属性以逗号隔开
2.一个大的属性中使用{},在{}中填写具体的属性
3.除了数据其他的属性一般使用””包含

首先创建一个html文件在head中包含:

 <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>

然后在body中创建一个div给定class名为chart,
然后粘贴下面的script代码

 <script>    $(function () {       $(".chart").highcharts({    //指定在class为chart的地方创建图表           chart:{               type:’column’     //图表的类型,还有column等           },           title:{               text:’Dome01’   //图表的标题           },           xAxis:{               categories:['A','B','C','D’]    //x坐标的分组           },           yAxis:{               title:{                   text:’some’      //y坐标的标题               }           },           series:[{               name:'zhangsan’,    //数据的名称               data:[2,3,5,3]      //具体的数据            },{               name:'lisi',               data:[3,5,1,3]           },{               name:'wangwu',               data:[1,4,6,2]           }]       }) ;    });</script>
0 0
原创粉丝点击