highcharts学习

主要贴了highcharts使用的js代码，包括引入jquery以及highcharts文件。

对部分语句写了注释解译。 

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

 <script type="text/javascript" src="highcharts.js"></script>






<div id="rocCompareDiv"> <div/>
var myChart = $('#rocCompareDiv');
myChart.highcharts(option);
var option = {
   title: {
       text: 'XXX',
       subtext:'' //副标题为空
   },
   credits: {
            enabled: false //去除版权信息
        },
   chart: {
            type: 'spline', //折线图带弧度 type: 'column',//柱状图  type: 'scatter',//散点图
            zoomType: 'xy', //缩放选择通过xy轴
            panning: true, //是否可以移动
            panKey: 'shift' //shift按住移动
   },
   plotOptions: {
       series: {
           marker: {
               enabled: true //显示点
           }
       },
spline: {
                marker: {
                    radius: 1.5, //显示点的大小
                }
            }
   },
   tooltip: {
    formatter: function () { //格式化点的显示数据格式
      var x = this.point.x.;
var y = this.point.y;
var z = this.point.z;
             return x + ',' + y + ',' + z;
//如果是特殊轴
//return "( " + this.series.xAxis.categories[this.point.x] + ' , ' + this.series.yAxis.categories[this.point.y] + " )";
       }
       }
   },
   xAxis: {
    title: {
                text: 'FPR' * 不显示则：text:''
},
   },
   yAxis: {
    title: {
                text: 'TPR' *
},
//categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            //[1,1]
            //type: "category",   类别为特殊轴，字符串轴
            // [‘a’,1]
            //x轴可为字符串，y轴数据必须是数字类型，对应yAxis的categories的下标。
   },
   series: [{
data:{},
keys: ['x', 'y', 'z'], //坐标位数名字定义
showInLegend: false // 不显示图标（样本数）
}]
};
  charts.highcharts(option, function (chart) { // on complete  添加字
        chart.renderer.text('okokok 1', 140, 140).add();
    });