Highcharts（一）之第一个Dome

一个简单的实例：

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>