PilotGaea 2D O'view
    正在準備搜尋索引...

    介面 PieChartParameter

    圓餅圖設定參數

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

    層級 (查看層級一覽)

    索引

    屬性

    radius: number

    圓餅圖半徑,單位為pixel

    innerRadius: number

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

    color: CSSColor[]

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

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

    stroke: string

    圓餅圖的線框顏色

    strokeWidth: number

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

    opacity: number

    圓餅圖顏色的透明度

    fontSize: number

    圓餅圖字型的大小

    fontColor: string

    圓餅圖字的顏色

    round: number

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

    animationTime: number

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

    margin: number

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

    dataSet: DataSetItem[]

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

    title: string

    圖的標題

    titleFontSize: number

    標題文字的大小

    titleFontColor: string

    標題文字的顏色

    titlePos: number

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

    legentWidth: number

    legent矩形的大小

    legentFontSize: number

    legent文字的大小

    legentPitch: number

    legent的間隔

    legentPos: number

    legent距離圓餅圖的距離

    legentFontColor: string

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