如何使用动态数据重新加载融合图表属性

时间:2015-12-11 12:07:50

标签: angularjs fusioncharts

我使用融合图表来显示图表,但我无法使用图表属性加载数据。 当我运行我的代码时,图表首先出现,刷新后我得到了这些数据。 所以我没有得到如何用图表重新加载数据

angular.module("inventory.states.material_movement", [])
    .config(function ($stateProvider, templateRoot) {
        $stateProvider.state('main.report_material_movement_display', {
            'url': '/material_movement/material_group_id/:materialGroupId/material_id/:materialId',
            'templateUrl': templateRoot + '/reports/material_movement/chart.html',
            'resolve': {
                bCurves: ['MaterialMovementService', '$stateParams', function (MaterialMovementService, $stateParams) {
                        return MaterialMovementService.query({
                            'materialGroupId': $stateParams.materialGroupId,
                            'materialId': $stateParams.materialId

                        });
                    }]
            },
            'controller': 'MaterialMovementDisplayController'
        });
    })
    .controller('MaterialMovementDisplayController', function (MaterialMovementService, $filter, $state, bCurves, $stateParams, $scope) {

        $scope.bCurves = [];
        $scope.bCurves = bCurves;

        $scope.balanceCurveData = {
            chart: {
                "caption": "Material Movement Curve",
                //              "subCaption": "Last week",
                "xAxisName": "Date",
                "yAxisName": "Quantity ",
                //              "numberPrefix": "$",
                "paletteColors": "#0075c2",
                "bgColor": "#ffffff",
                "showBorder": "0",
                "showCanvasBorder": "0",
                "plotBorderAlpha": "10",
                "usePlotGradientColor": "0",
                "plotFillAlpha": "50",
                "showXAxisLine": "1",
                "axisLineAlpha": "25",
                "divLineAlpha": "10",
                "showValues": "1",
                "showAlternateHGridColor": "0",
                "captionFontSize": "14",
                "subcaptionFontSize": "14",
                "subcaptionFontBold": "0",
                "toolTipColor": "#ffffff",
                "toolTipBorderThickness": "0",
                "toolTipBgColor": "#000000",
                "toolTipBgAlpha": "80",
                "toolTipBorderRadius": "2",
                "toolTipPadding": "5"
            },
            data: [{
                    'label': " ",
                    "value": " "
                }]
        };
        angular.forEach($scope.bCurves, function (value) {
            var x_label = $filter('date')(value.transactionDate, "MMM d, y");
            $scope.balanceCurveData.data.push({
                'label': x_label,
                'value': value.balance
            });
        });
    });

这里我无法使用图表对象传递for.Each()循环生成的数据。 代码正在运行,但只能使用融合图表传递数据

<div id="graph_container">
<fusioncharts
width="600"
height="400"
type="line"
datasource="{{balanceCurveData}}">

    

1 个答案:

答案 0 :(得分:0)

当你的图表加载div发生的事情时?数据源是否填充了图表属性?在刷新数据源后再次发生的事情后?此外,如果您可以提供小提琴链接,可以彻底调查此问题。