Angular NVD3 Multibar Chart with dual y-axis to showup only line using json 数据

Question

我正在尝试创建一个 angular 多条形图，其中只有线条，不包括条形图。我想使用 json 而不是 Lee Byron 的测试数据生成器来生成数据。但我不知道如何将 Lee Byron 的测试数据更改为 json 数据。我也是 angular 和 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
    }
]

请参阅此 plunker 以获取有关如何使用 NVD3 多图表的工作演示。
希望对您有所帮助。

如果您需要有关数据生成的更多帮助，请分享您目前所做的工作。将在此基础上添加。