FusionCharts中文jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播：自定义图表——数据标签(5/5)

本篇文章主要介绍了"FusionCharts中文jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播：自定义图表——数据标签"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下： < FusionChart最新版本下载>数据标签指显示在图表的X轴的数据点的名称。如下图所示：图中的Jan、Feb、Mar等就是图表的数据标签。数据...

{
    "chart": {
        "caption": "Monthly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Month",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "labelStep": "3"
    },
    "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"
        }
    ]
}

显示指定的数据标签

你可以通过使用showLabels和showLabel属性来显示指定的数据标签。如下图所示：

下表是显示指定数据标签所需的属性：

属性名称	描述
showLabels	在整个图表和数据集层面显示或隐藏数据标签。设置为1显示所有标签；设置为0隐藏所有标签。
showLabel	用于显示或隐藏数据层的单个数据值的标签。该属性将覆盖‘showLabels’属性的设置。

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

JSON:

{
    "chart": {
        "caption": "Quarterly Revenue",
        "subCaption": "Last year",
        "xAxisName": "Quarter",
        "yAxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "showLabels": "0"
    },
    "data": [
        {
            "label": "Quarter 1",
            "value": "1950000"
        },
        {
            "label": "Quarter 2",
            "value": "1450000",
            "showLabel": "1"
        },
        {
            "label": "Quarter 3",
            "value": "1730000"
        },
        {
            "label": "Quarter 4",
            "value": "2120000"
        }
    ]
}

以上就介绍了FusionCharts中文jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播：自定义图表——数据标签，包括了方面的内容，希望对web前端有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_260502_5.html