如何从API端点拉出一组JSON对象,以显示在angular-nvd3折线图上?

时间:2017-06-14 17:56:10

标签: json nvd3.js angular-nvd3

我正在尝试从mongo DB中的API端点获取一组对象。我遇到的麻烦是用什么语法来插入数据,然后让图表显示来自数据库的数据。

这是mongo shell中的数组,同样出现在ARC中,所以我知道我的后端逻辑是好的,问题是将它带到视图中(在图表上)。

x轴将显示" _id" (所以日期将显示在底部),y轴将显示" count"。

Here就是我控制器里面的内容。

vm.lineChartOptions = {
            chart: {
                type: 'cumulativeLineChart',
                height: 450,
                margin: {
                    top: 20,
                    right: 20,
                    bottom: 60,
                    left: 65
                },
                x: function (d) { return d._id; },
                y: function (d) { return d.count; },

                color: d3.scale.category10().range(),
                duration: 300,
                useInteractiveGuideline: true,
                clipVoronoi: false,

                xAxis: {
                    axisLabel: 'Reservations',
                    tickFormat: function (d) {
                        return d3.time.format('%m/%d/%y')(new Date(d))
                    },
                    showMaxMin: false,
                    staggerLabels: true,
                },

                yAxis: {
                    axisLabel: 'Non-reservations',
                    tickFormat: function (d) {
                        return d3.format('.2')(d);
                    },
                    axisLabelDistance: 20
                },
                xDomain: [vm.xMinValue, vm.xMaxValue],
                yDomain: [customerMetrics.count]
            }
        };
        vm.lineChartData = [
            {
                key: "Reservations",
                values: [[customerMetrics._id, customerMetrics.count]]
                ,
                mean: 250
            }

0 个答案:

没有答案