javascript - 具有双 y 轴的 Angular NVD3 Multibar Chart 使用 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 多图表的工作演示。
希望这对您有所帮助。

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