具有双y轴的Angular NVD3 Multibar Chart仅使用json数据显示线

Question

我正在尝试创建一个只包含排除条形的线条的角度多重条形图。我想使用json而不是Lee Byron的测试数据生成器生成数据。但我不知道如何将Lee Byron的测试数据更改为json数据。我也是角度和nvd3的新手。请帮我找一个解决方案。

我想从JSON文件中获取相同的数据

Answer 1

这是您为了与NVD3图表一起使用而可能需要生成的数据格式。

[
    {
        "key": "Stream0",
        "values": [
            {
                "x": 0,
                "y": -0.14263036487474057
            },
            {
                "x": 1,
                "y": -0.1331488246687006
            }
        ],
        "type": "line",
        "yAxis": 1
    },
    {
        "key": "Stream1",
        "values": [
            {
                "x": 0,
                "y": -0.27248210886232416
            },
            {
                "x": 1,
                "y": -0.28823740073421067
            }
        ],
        "type": "bar",
        "yAxis": 2
    }
]

有关如何使用NVD3多图表的工作演示，请参阅此plunker 希望这会有所帮助。

如果您需要有关数据生成的其他帮助，请分享您目前所做的工作。最重要的是。