Javascript 带双y轴的角度NVD3多条形图,仅显示使用json数据的直线

Javascript 带双y轴的角度NVD3多条形图,仅显示使用json数据的直线,javascript,angularjs,d3.js,nvd3.js,angularjs-nvd3-directives,Javascript,Angularjs,D3.js,Nvd3.js,Angularjs Nvd3 Directives,我正在尝试创建一个角度多柱状图,只包含线条,不包括条形。我想使用json而不是Lee Byron的测试数据生成器生成数据。但我不知道如何将Lee Byron的测试数据更改为json数据。我是新的角度和nvd3以及。请帮我找出一个解决办法 我想从JSON文件中获取相同的数据这是您可能需要生成的数据格式,以便与NVD3图表一起使用。 [ { "key": "Stream0", "values": [ {

我正在尝试创建一个角度多柱状图,只包含线条,不包括条形。我想使用json而不是Lee Byron的测试数据生成器生成数据。但我不知道如何将Lee Byron的测试数据更改为json数据。我是新的角度和nvd3以及。请帮我找出一个解决办法


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

这是您可能需要生成的数据格式,以便与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 multi-chart的工作演示,请参阅本文档。
希望这有帮助。


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

谢谢您的解决方案。它起作用了,但我发现在格式化相同的xaxis时有一些困难。我想在x轴上显示2015年7月1日、2015年7月2日……您是否尝试过此设置<代码>chart.xAxis.tickFormat(函数(d){返回d3.time.format(“%d/%m/%Y”)(新日期(d))是的,我做了。但它在我的x轴上显示的是1970年1月1日。我确实在你的扑克牌中看到了整个x轴上格式正确的日期字段。那么问题是什么呢?您可以使用诸如
XDate之类的日期库http://arshaw.com/xdate/
执行所需的转换。