Question

第一次发表海报，感谢您的关注使用web api生成要由fusioncharts（Multiseries）使用的对象。对象产生为2个类的数组（ChartCategories和ChartSeries）输出似乎很好，并在角度控制器中作为数据检索。但是在使用数据构建$ scope.categories和$ scope.dataset后，我无法生成错误的图表＆＃39;没有要显示的数据＆＃39;。

图表的部分Html模板：

<div id = "Div1">
<fusioncharts 
width="400" 
height="200"
type="mscolumn2d"
chart="{{attrs}}"
categories="{{categories}}"
dataset="{{dataset}}"
></fusioncharts>
</div>

从web api检索的数据:(复制+粘贴）

[
[
    {
        "category": [
            {
                "label": "7/18/2014 9:30:01 AM"
            },
            {
                "label": "7/18/2014 9:40:00 AM"
            },
            {
                "label": "7/18/2014 9:50:00 AM"
            }
        ]
    },
    null,
    null
],
[
    null,
    {
        "seriesname": "Free_Memory",
        "renderas": "Line",
        "data": [
            {
                "value": "6632"
            },
            {
                "value": "5136"
            },
            {
                "value": "6376"
            }
        ]
    },
    {
        "seriesname": "Page_Life_Exp",
        "renderas": "Line",
        "data": [
            {
                "value": "48859"
            },
            {
                "value": "49458"
            },
            {
                "value": "50057"
            }
        ]
    }
]
]

并且在角度上，我设置了$ scope.categories和$ scope.dataset，如下所示：$ scope.attr暂时是硬编码的。

$scope.categories = data[0][0];
$scope.dataset = data[1][1];

生成图表需要什么？

Answer 1

请参阅http://jsfiddle.net/ayanonly1/yh1cvjqw/

我认为以下更改会使图表生效。

$scope.categories = [data[0][0]];
$scope.dataset = data[1].slice(1);

如何正确地将Json数据传递给fusioncharts？ -Multisiries-

1 个答案: