1. 程式人生 > >highcharts 常用引數設定

highcharts 常用引數設定

highcharts圖表的開發過程中經常需要的幾個引數:

1、如何不顯示某個圖例

  //設定 showInLegend
    series: [{
        data: [],
        name: "",
        showInLegend: false // 設定為 false 即為不顯示在圖例中
    }, {
        data: [],
        name: "",
        showInLegend: true // 預設值
    }] 


    
2. 資料標籤指的是在資料點上顯示一些資料資訊標籤,對應的 API 為 series.data.dataLabels

    plotOptions: {
        line: {
            dataLabels: {
                enabled: true  //true為顯示,false為不顯示
            }
        }
    }


    
3. 座標軸標題的選裝角度。0 度為水平, 270 是豎直(從下往上)。 預設是:0
    rotation: Number 
    
4.tickmarkPlacement: 'on', // 刻度線對齊

    xAxis: [{
        categories: ['II', 'aa', 'bb', 'cc'],
        crosshair: true,
        tickmarkPlacement: 'on', // 刻度線對齊
      }],


5. 如何設定Y軸的刻度,比如Y軸是0,25,50,100。

    yAxis: {
        tickPositions: [0, 20, 50, 100] // 指定豎軸座標點的值
    }


    
6. 怎麼樣讓y軸的值完整顯示 而不是100000顯示為100k

 yAxis: [{
    title: {
    ...
    },
    labels: {
    ....,
    format: '{value:.,0f}'//設定顯示不縮寫
    }
}]


7. 柱狀圖-如何設定柱子的寬度:
 

plotOptions: {
        series: {
          pointPadding: 0,
          groupPadding: 0,
          borderWidth: 0,
          shadow: false,
          pointWidth: 12, // 寬度設定
        },

     },


8. 禁用版權資訊

     credits: {
        enabled: false, // 禁用版權資訊
      },