title: Highcharts（四）之數據列
date: 2016-07-23 23:28:19
tags:

1.數據列中的數據填充：

方法一：一維數組

如果有categories屬性的話就是使用一維數組

data : [1, 4, 6, 9, 10] 

方法二：二維數組

如果沒有categories屬性的話就是使用二維數組

data ： [ [5, 2], [6,3], [8,2] ] 

方法三：集合

series:[{
    data : [{
    name : "point 1",
    color : "#00ff00",
    y : 0
    }, {
    name : "Point 2",
    color : "#ff00ff",
    y : 5
 }]
}]
 

2.線條寬度（lineWidth）：

將線條的寬度改為5px默認為1px

series: [{
  data: [216.4, 194.1, 95.6],
  lineWidth: 5
}] 

3.數據標簽（dataLables）：

plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                            }
            }
        },

4.線條樣式（Dash Style）:

series: [{
            data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6],
            dashStyle: 'longdash'
        }, {
            data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5],
            dashStyle: 'shortdot'
        }]

5.Zoom

series:[{
               name:"a",
               data:[1,2,3],
               zoneAxis: 'x',    //指定作用于哪個軸
               zones: [{
            value: 1.7,
            color:'#90ed7d'//這兩個屬性是可以放在一起的但不能和dashStyle放在一起
               }, {
                   dashStyle: 'dot'
               }]
           }]