highcharts 常用引數設定
阿新 • • 發佈:2018-12-14
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, // 禁用版權資訊
},