具有双 y 轴的 Angular NVD3 多条形图，仅使用 json 数据显示线

Question

我正在尝试创建一个只有线条不包括条形的角度多条形图。我想使用 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 多图表的工作演示。
希望这会有所帮助。

如果您在数据生成方面需要更多帮助，请分享您迄今为止所做的工作。将在此基础上添加。