Interface BarChartParameter

長條圖設定參數

interface BarChartParameter {
    animationTime: number;
    axisFontColor: string;
    axisFontSize: number;
    color: string;
    dataSet: DataSetItem[];
    fontColor: string;
    fontSize: number;
    height: number;
    legentFontColor: string;
    legentFontSize: number;
    legentName: string;
    legentPitch: number;
    legentPos: number;
    legentWidth: number;
    margin: number;
    opacity: number;
    rectPitch: number;
    stroke: string;
    strokeWidth: number;
    title: string;
    titleFontColor: string;
    titleFontSize: number;
    titlePos: number;
    width: number;
    xAxisPos: number;
    xLabel: string;
    yAxisPos: number;
    yLabel: string;
}

Hierarchy

Properties

animationTime axisFontColor axisFontSize color dataSet fontColor fontSize height legentFontColor legentFontSize legentName legentPitch legentPos legentWidth margin opacity rectPitch stroke strokeWidth title titleFontColor titleFontSize titlePos width xAxisPos xLabel yAxisPos yLabel

Properties

animationTime

animationTime: number

顯示動畫的時間，為0則不會跑動畫

axisFontColor

axisFontColor: string

長條圖軸的字的顏色

axisFontSize

axisFontSize: number

長條圖軸的字型大小

color

color: string

長條圖的顏色

dataSet

dataSet: DataSetItem[]

傳入的資料集，ex: [{ label: "標籤1", value:10 }, { label: "標籤2", value: 20 }]

fontColor

fontColor: string

長條圖尺標的字的顏色

fontSize

fontSize: number

長條圖尺標的字型大小

height

height: number

長條圖的高，單位為pixel 註:此為整個svg的大小

legentFontColor

legentFontColor: string

legent的文字顏色，如果沒指定會跟標籤顏色相同

legentFontSize

legentFontSize: number

legent文字的大小

legentName

legentName: string

legent的名稱，如果沒設不會出現legent

legentPitch

legentPitch: number

legent的間隔

legentPos

legentPos: number

legent距離圓餅圖的距離

legentWidth

legentWidth: number

legent矩形的大小

margin

margin: number

圖距離svg邊界的距離，單位為pixel

opacity

opacity: number

長條圖顏色的透明度

rectPitch

rectPitch: number

長條圖的間距

stroke

stroke: string

長條圖尺標的顏色

strokeWidth

strokeWidth: number

長條圖尺標的粗細，當數值為0時不會出現尺標

title

title: string

圖的標題

titleFontColor

titleFontColor: string

標題文字的顏色

titleFontSize

titleFontSize: number

標題文字的大小

titlePos

titlePos: number

標題距離圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決

width

width: number

長條圖的寬，單位為pixel 註:此為整個svg的大小

xAxisPos

xAxisPos: number

下標題文字距離長條圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決

xLabel

xLabel: string

X軸的標籤名稱

yAxisPos

yAxisPos: number

左標題文字距離長條圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決

yLabel

yLabel: string

Y軸的標籤名稱

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc