01
   var chart1option = {
02
            chart: {
03
                renderTo: ‘sysThreadChart‘//画到id为sysThreadChart的div容器里
04
            },
05
            credits : {
06
                enabled:false
07
            },
08
            title: {
09
                text: ‘Date Time Axis Test‘,
10
                style: {
11
                    margin: ‘10px 100px 0 0‘// center it
12
                }
13
            },
14
            xAxis: {
15
                type:"datetime",//时间轴要加上这个type，默认是linear
16
                maxPadding : 0.05,
17
                minPadding : 0.05,
18
                //tickInterval : 24 * 3600 * 1000 * 2,//两天画一个x刻度
19
                                //或者150px画一个x刻度，如果跟上面那个一起设置了，则以最大的间隔为准
20
                tickPixelInterval : 150,
21
                tickWidth:5,//刻度的宽度
22
                lineColor : ‘#990000‘,//自定义刻度颜色
23
                lineWidth :3,//自定义x轴宽度
24
                gridLineWidth :1,//默认是0，即在图上没有纵轴间隔线
25
                //自定义x刻度上显示的时间格式，根据间隔大小，以下面预设的小时/分钟/日的格式来显示
26
               　dateTimeLabelFormats:
27
                {
28
                    second: ‘%H:%M:%S‘,
29
                    minute: ‘%e. %b %H:%M‘,
30
                    hour: ‘%b/%e %H:%M‘,
31
                    day: ‘%e日/%b‘,
32
                    week: ‘%e. %b‘,
33
                    month: ‘%b %y‘,
34
                    year: ‘%Y‘
35
                }
36
            },
37
　　　　　　　//经测试，不能把时间值放到categories里，必须放到series的data里面去
38
　　　　　　　//这样是不行的：categories:[1274457600000,1274544000000,1274630400000]
39
　　　　　　　//时间单位是毫秒，Unix时间戳乘上1000
40
            series:[{
41
                    data:
42
                    [
43
                        [1274457600000, 1200],
44
                        [1274544000000, 1300],
45
                        [1274630400000, 1250],
46
                        [1274803200000,1350]
47
                    ]
48
                    }]
49
    };
50
 
51
    $(document).ready(function() {
52
         //真正的画图是这句
53
        chart1= new Highcharts.Chart(chart1option);
54
    });