如何对FusionCharts XT中的数据标签进行相关设置

作者:控件中国网   出处:控件中国网   2015-07-20 14:07:11   阅读:9

FusionCharts XT中,数据标签是指数据点名字,用于显示在X轴上的,可以是时间、数字或者文本,在数据标签显示模式中,分为了自动模式、多行模式、旋转模式、交错模式以及部分显示模式,下面就具体的几种显示模式做相关的介绍。

1.自动标签模式

Auto.png
{
    "chart": {
        "caption": "Monthly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Month",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "labelDisplay": "auto"
    },
    "data": [
        {
            "label": "January",
            "value": "420000"
        },
        {
            "label": "February",
            "value": "810000"
        },
        {
            "label": "March",
            "value": "720000"
        },
        {
            "label": "April",
            "value": "550000"
        },
        {
            "label": "May",
            "value": "910000"
        },
        {
            "label": "June",
            "value": "510000"
        },
        {
            "label": "July",
            "value": "680000"
        },
        {
            "label": "August",
            "value": "620000"
        },
        {
            "label": "September",
            "value": "610000"
        },
        {
            "label": "October",
            "value": "490000"
        },
        {
            "label": "November",
            "value": "900000"
        },
        {
            "label": "December",
            "value": "730000"
        }
    ]
}
2.换行标签模式

wrap.png
{
    "chart": {
        "caption": "Monthly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Month",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "labelDisplay": "wrap"
    },
    "data": [
        {
            "label": "Jan, 2015",
            "value": "420000"
        },
        {
            "label": "Feb, 2015",
            "value": "810000"
        },
        {
            "label": "Mar, 2015",
            "value": "720000"
        },
        {
            "label": "Apr, 2015",
            "value": "550000"
        },
        {
            "label": "May, 2015",
            "value": "910000"
        },
        {
            "label": "Jun, 2015",
            "value": "510000"
        },
        {
            "label": "Jul, 2015",
            "value": "680000"
        },
        {
            "label": "Aug, 2015",
            "value": "620000"
        },
        {
            "label": "Sep, 2015",
            "value": "610000"
        },
        {
            "label": "Oct, 2015",
            "value": "490000"
        },
        {
            "label": "Nov, 2015",
            "value": "900000"
        },
        {
            "label": "Dec, 2015",
            "value": "730000"
        }
    ]
}
3.旋转标签

rotate.png
{
    "chart": {
        "caption": "Monthly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Month",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "labelDisplay": "rotate",
        "slantLabels": "1"
    },
    "data": [
        {
            "label": "January",
            "value": "420000"
        },
        {
            "label": "February",
            "value": "810000"
        },
        {
            "label": "March",
            "value": "720000"
        },
        {
            "label": "April",
            "value": "550000"
        },
        {
            "label": "May",
            "value": "910000"
        },
        {
            "label": "June",
            "value": "510000"
        },
        {
            "label": "July",
            "value": "680000"
        },
        {
            "label": "August",
            "value": "620000"
        },
        {
            "label": "September",
            "value": "610000"
        },
        {
            "label": "October",
            "value": "490000"
        },
        {
            "label": "November",
            "value": "900000"
        },
        {
            "label": "December",
            "value": "730000"
        }
    ]
}

Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat