如何将数组数据添加到FusionCharts

Question

我让 API 从服务器检索数据，然后循环到每个数据。我接下来要做的是将数据显示到 FusionCharts 中。从服务器检索的数据适合我的需要。

我做的FusionCharts的数组如何用下面的代码输入数据显示？

function URLSitePath() {
    var siteUrl = document.location.origin;
    return siteUrl;
}
$(document).ready(function(){
    $.ajax({
        type: 'GET',
        url: URLSitePath() + '/report/apigetdatapermonth',
        dataType: 'json',
        cache: true,
        async : true,
        success: function(result) {
            var arr = [];
            $.each(result.items, function() {
                arr.push({
                    label:this.month,
                    value:this.total_subs
                });
            });

            FusionCharts.ready(function () {
            var revenueChart = new FusionCharts({
                type: 'column2d',
                renderAt: 'chart-container',
                width: '100%',
                height: '350',
                dataFormat: 'json',
                dataSource: {
                    "chart": {
                        "caption": "Transvision subscribe via website",
                        "xAxisName": "Month",
                        "yAxisName": "Total Subs",
                        "numberPrefix": "",
                        "paletteColors": "#0075c2",
                        "bgColor": "#ffffff",
                        "borderAlpha": "20",
                        "canvasBorderAlpha": "0",
                        "usePlotGradientColor": "0",
                        "plotBorderAlpha": "10",
                        "placevaluesInside": "1",
                        "rotatevalues": "1",
                        "valueFontColor": "#ffffff",
                        "showXAxisLine": "1",
                        "xAxisLineColor": "#999999",
                        "divlineColor": "#999999",
                        "divLineIsDashed": "1",
                        "showAlternateHGridColor": "0",
                        "subcaptionFontBold": "0",
                        "subcaptionFontSize": "14"
                    },
                    "data": [arr]
                }
            }).render();
            });

        },
        error: function(xhr, textStatus, errorThrown) {
            alert('Error.');
        }
    });
});

通常 FusionCharts 需要将数据放入数组中，例如

{
    "label": "Jan",
    "value": "100"
},
{
    "label": "Feb",
    "value": "200"
},
{
    "label": "Mar",
    "value": "300"
}

如何让 arr 变量上的数据显示在 FusionCharts 的数据部分？我直接通过给出代码 "data": [arr] 尝试但失败了。

谢谢

Answer 1

您可以像这样将数组发送到 FusionCharts

var arr = [{
    "label": "Jan",
    "value": "100"
},
{
    "label": "Feb",
    "value": "200"
},
{
    "label": "Mar",
    "value": "300"
}]

然后在融合图表数据中传递"data" = arr

有关详细信息，请参阅此 fiddle

如何将数组数据添加到FusionCharts

How to add array data into FusionCharts

jquery

arrays

fusioncharts