Skip to main content

[note] Highcharts 筆記

highcharts @ official

速查#

/**
* 圖示 legend
**/
legend.itemStyle // 圖示文字
legend.symbolRadius // 圖示
legend.symbolHeight

Design and Style#

大部分 Highcharts 的元素都可以使用 xy 的值來定位,並且使用 align(搭配 left, right 或 center)或 verticalAlign(搭配 top, bottom, middle)。

chart#

圖表的位置是根據外層的 container div 來定位。寬高則可以設定在外層 container div 的 heightwidth ,或者透過設定 chart.heightchart.width

img

chart: {
// Edit chart spacing
spacingBottom: 15,
spacingTop: 10,
spacingLeft: 10,
spacingRight: 10,
// Explicitly tell the width and height of a chart
width: null,
height: null
}

credit#

顯示 Highcharts 在圖表上:

credits: {
position: {
align: 'left',
verticalAlign: 'bottom',
x: 10,
y: -10
}
}
// 不顯示 credits
credits: {
enabled: false
},

Design and Style

Last updated on