彩票走势图

< FusionChart最新版本下载>

给数据图添加渐变效果

在FusionChart中，你可以为图表的所有数据图使用全局渐变颜色。独立数据图带有全局渐变颜色效果的2D柱状图表如下图所示：

下表是为数据图配置渐变颜色所需的属性：

上图所示的图表数据结构如下：

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Quarter",
        "yAxisName": "Amount (In USD)",
        "theme": "fint",
        "numberPrefix": "$",
        "usePlotGradientColor": "1"
    },
    "data": [
        {
            "label": "Q1",
            "value": "1950000",
            "color": "#008ee4"
        },
        {
            "label": "Q2",
            "value": "1450000",
            "color": "#9b59b6"
        },
        {
            "label": "Q3",
            "value": "1730000",
            "color": "#6baa01"
        },
        {
            "label": "Q4",
            "value": "2120000",
            "color": "#e44a00"
        }
    ]
}

XML:

<chart caption="Quarterly Revenue" subcaption="Last year" xaxisname="Quarter" yaxisname="Amount (In USD)" theme="fint" numberprefix="$" useplotgradientcolor="1">
    < set label="Q1" value="1950000" color="#008ee4" />
    < set label="Q2" value="1450000" color="#9b59b6" />
    < set label="Q3" value="1730000" color="#6baa01" />
    < set label="Q4" value="2120000" color="#e44a00" />
</chart>

自定义渐变属性

除了基础的渐变效果，你还可以自定义渐变的倾斜角度、数据图的填充率。

下表是配置渐变效果用到的属性：

上图所示的自定义渐变效果数据结构如下：

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Quarter",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "showshadow": "1",
        "usePlotGradientColor": "1",
        "plotGradientColor": "#003366",
        "plotFillAngle": "0",
        "plotFillRatio": "0,100"
    },
    "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" showshadow="1" useplotgradientcolor="1" plotgradientcolor="#003366" plotfillangle="0" plotfillratio="0,100">
    < set label="Q1" value="1950000" />
    < set label="Q2" value="1450000" />
    < set label="Q3" value="1730000" />
    < set label="Q4" value="2120000" />
</chart>

购买最新正版授权！""

慧都年终盛典火爆开启，一年仅一次的最强促销，破冰钜惠不容错过！！优惠详情点击查看>>