圓餅圖設定參數

interface PieChartParameter {
    animationTime: number;
    color: CSSColor[];
    dataSet: DataSetItem[];
    fontColor: string;
    fontSize: number;
    innerRadius: number;
    legentFontColor: string;
    legentFontSize: number;
    legentPitch: number;
    legentPos: number;
    legentWidth: number;
    margin: number;
    opacity: number;
    radius: number;
    round: number;
    stroke: string;
    strokeWidth: number;
    title: string;
    titleFontColor: string;
    titleFontSize: number;
    titlePos: number;
}

Hierarchy

Properties

animationTime: number

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

color: CSSColor[]

圓餅圖的顏色,ex: ["red","blue"]

當陣列小於資料數時顏色會巡迴

dataSet: DataSetItem[]

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

fontColor: string

圓餅圖字的顏色

fontSize: number

圓餅圖字型的大小

innerRadius: number

圓餅圖內圈半徑,單位為pixel

legentFontColor: string

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

legentFontSize: number

legent文字的大小

legentPitch: number

legent的間隔

legentPos: number

legent距離圓餅圖的距離

legentWidth: number

legent矩形的大小

margin: number

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

opacity: number

圓餅圖顏色的透明度

radius: number

圓餅圖半徑,單位為pixel

round: number

圓餅圖文字要取到小數點幾位

stroke: string

圓餅圖的線框顏色

strokeWidth: number

圓餅圖線框的粗細,當數值為0時圓餅圖不會有線框

title: string

圖的標題

titleFontColor: string

標題文字的顏色

titleFontSize: number

標題文字的大小

titlePos: number

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

Generated using TypeDoc