Javascript 带双y轴的角度NVD3多条形图,仅显示使用json数据的直线
我正在尝试创建一个角度多柱状图,只包含线条,不包括条形。我想使用json而不是Lee Byron的测试数据生成器生成数据。但我不知道如何将Lee Byron的测试数据更改为json数据。我是新的角度和nvd3以及。请帮我找出一个解决办法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文件中获取相同的数据这是您可能需要生成的数据格式,以便与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/
执行所需的转换。