< FusionChart最新版本下載>

自定義數據圖透明度

Fusioncharts允許你設置數據圖填充顏色的透明度。效果如下圖所示：

下表是自定義數據圖透明度所需的屬性：

上圖所示的數據圖自定義透明度數據結構如下：

JSON:

{
    "chart": {
        "caption": "Comparison of Quarterly Revenue",
        "subCaption": "Harry's SuperMart",
        "xAxisname": "Quarter",
        "yAxisName": "Revenues (In USD)",
        "numberPrefix": "$",
        "plotFillAlpha": "90",
        "theme": "fint"
    },
    "categories": [
        {
            "category": [
                {
                    "label": "Q1"
                },
                {
                    "label": "Q2"
                },
                {
                    "label": "Q3"
                },
                {
                    "label": "Q4"
                }
            ]
        }
    ],
    "dataset": [
        {
            "seriesname": "Previous Year",
            "alpha": "30",
            "data": [
                {
                    "value": "10000"
                },
                {
                    "value": "11500"
                },
                {
                    "value": "12500"
                },
                {
                    "value": "15000"
                }
            ]
        },
        {
            "seriesname": "Current Year",
            "data": [
                {
                    "value": "25400"
                },
                {
                    "value": "29800"
                },
                {
                    "value": "21800"
                },
                {
                    "value": "26800"
                }
            ]
        }
    ]
}

XML:

<chart caption="Comparison of Quarterly Revenue" subcaption="Harry&#39;s SuperMart" xaxisname="Quarter" yaxisname="Revenues (In USD)" numberprefix="$" plotfillalpha="90" theme="fint">
    <categories>
        < category label="Q1" />
        < category label="Q2" />
        < category label="Q3" />
        < category label="Q4" />
    </categories>
    <dataset seriesname="Previous Year" alpha="30">
        < set value="10000" />
        < set value="11500" />
        < set value="12500" />
        < set value="15000" />
    </dataset>
    <dataset seriesname="Current Year">
        < set value="25400" />
        < set value="29800" />
        < set value="21800" />
        < set value="26800" />
    </dataset>
</chart>

自定義數據圖邊框

顯示或隱藏數據圖邊框

默認情況下每一個數據圖（柱狀圖、面積圖、餅圖）都有邊框。你可以選擇顯示也可以隱藏邊框。

自定義數據圖邊框所需屬性：

上圖所示圖表的自定義邊框數據結構如下：

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Quarter",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "showPlotBorder": "1"
    },
    "data": [
        {
            "label": "Q1",
            "value": "1950000"
        },
        {
            "label": "Q2",
            "value": "1450000"
        },
        {
            "label": "Q3",
            "value": "1730000"
        },
        {
            "label": "Q4",
            "value": "2120000"
        }
    ]
}

XML:

<chart caption="Quarterly Revenue" subcaption="Last year" xaxisname="Quarter" yaxisname="Amount (In USD)" numberprefix="$" theme="fint" showplotborder="1">
    < set label="Q1" value="1950000" />
    < set label="Q2" value="1450000" />
    < set label="Q3" value="1730000" />
    < set label="Q4" value="2120000" />
</chart>

使用虛線邊框

自定義虛線邊框所需屬性如下表：

上圖所示圖標的數據結構如下：

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Quarter",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "showPlotBorder": "1",
        "plotBorderDashed": "1",
        "plotBorderDashLen": "4",
        "plotBorderDashGap": "4",
        "plotBorderThickness": "1",
        "plotBorderColor": "#000000"
    },
    "data": [
        {
            "label": "Q1",
            "value": "1950000"
        },
        {
            "label": "Q2",
            "value": "1450000"
        },
        {
            "label": "Q3",
            "value": "1730000"
        },
        {
            "label": "Q4",
            "value": "2120000"
        }
    ]
}

XML:

<chart caption="Quarterly Revenue" subcaption="Last year" xaxisname="Quarter" yaxisname="Amount (In USD)" numberprefix="$" theme="fint" showplotborder="1" plotborderdashed="1" plotborderdashlen="4" plotborderdashgap="4" plotborderthickness="1" plotbordercolor="#000000">
    < set label="Q1" value="1950000" />
    < set label="Q2" value="1450000" />
    < set label="Q3" value="1730000" />
    < set label="Q4" value="2120000" />
</chart>

使用圓邊

你可以在2D柱狀圖或條形圖中將數據圖的邊框設置為圓邊效果，如下圖所示：

所需屬性：

上圖所示圖表數據結構如下：

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Quarter",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "useRoundEdges": "1"
    },
    "data": [
        {
            "label": "Q1",
            "value": "1950000"
        },
        {
            "label": "Q2",
            "value": "1450000"
        },
        {
            "label": "Q3",
            "value": "1730000"
        },
        {
            "label": "Q4",
            "value": "2120000"
        }
    ]
}

XML:

<chart caption="Quarterly Revenue" subcaption="Last year" xaxisname="Quarter" yaxisname="Amount (In USD)" numberprefix="$" theme="fint" useroundedges="1">
    < set label="Q1" value="1950000" />
    < set label="Q2" value="1450000" />
    < set label="Q3" value="1730000" />
    < set label="Q4" value="2120000" />
</chart>

購買最新正版授權！詳情請""

2015歲末掃尾之戰！全球廠商攜手放利！優惠詳情點擊查看>>