Interface LineChartParameter

折線圖設定參數

interface LineChartParameter {
    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;
    radius: number;
    stroke: string;
    strokeWidth: number;
    title: string;
    titleFontColor: string;
    titleFontSize: number;
    titlePos: number;
    width: number;
    xAxisPos: number;
    xLabel: string;
    yAxisPos: number;
    yLabel: string;
    xTag?: string;
    yTag?: string;
}

Hierarchy

Properties

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

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

折線圖顏色的透明度

radius

radius: number

折線圖的點的大小，為0則不會出現點

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軸的標籤名稱

Optional xTag

xTag?: string

X軸的資料屬性名稱

Default Value

"label"

Optional yTag

yTag?: string

Y軸的資料屬性名稱

Default Value

"value"

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc