Asp.net mvc 4 曲线图形与Jsonfile
我使用d3和nvd3实现了这个曲线图:Asp.net mvc 4 曲线图形与Jsonfile,asp.net-mvc-4,d3.js,nvd3.js,Asp.net Mvc 4,D3.js,Nvd3.js,我使用d3和nvd3实现了这个曲线图: d3.json('/Models/Scripts/test_data2.json', function(data) { nv.addGraph(function() { var chart = nv.models.lineWithFocusChart(); // chart.transitionDuration(500); cha
d3.json('/Models/Scripts/test_data2.json', function(data) {
nv.addGraph(function() {
var chart = nv.models.lineWithFocusChart();
// chart.transitionDuration(500);
chart.xAxis
.tickFormat(d3.format(',f'));
chart.x2Axis
.tickFormat(d3.format(',f'));
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.y2Axis
.tickFormat(d3.format(',.2f'));
d3.select('#chart svg')
.datum(data)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
});
问题是,我应该如何编写json文件来识别不同的曲线
如果我有下面的json,它不适用于两行或更多行。我试了几次
[{"CurveArray":[{
"Line1":[
{
"x":-52482.23046875,
"y":0.0
},
{
"x":-51380.384892578128,
"y":0.4
},
{
"x":-50278.539316406248,
"y":2
},
{
"x":-49176.693740234376,
"y":0.9
},
{
"x":-48074.848164062496,
"y":0.7
}
]},
"Line2":[
{
"x":-52482.23046875,
"y":0.0
},
{
"x":-51380.384892578128,
"y":0.4
},
{
"x":-50278.539316406248,
"y":2
},
{
"x":-49176.693740234376,
"y":0.9
},
{
"x":-48074.848164062496,
"y":0.7
}
]}
]}]
我试图修改,以便:
它不再起作用了
[
{
key: "Line1",
value: [
{
"x":-52482.23046875,
"y":0.0
},
{
"x":-51380.384892578128,
"y":0.4
},
{
"x":-50278.539316406248,
"y":2
},
{
"x":-49176.693740234376,
"y":0.9
},
{
"x":-48074.848164062496,
"y":0.7
}
]
},
{
key: "Line2",
value: [
{
"x":-50000,
"y":0.0
},
{
"x":-59000,
"y":0.4
},
{
"x":-48000,
"y":2
},
{
"x":-49100,
"y":0.9
},
{
"x":-49800,
"y":0.7
}
]
}
]你的意思是像中一样?你可以像示例中一样构造数据。我不明白。在我的示例中,我从一个json中读取,只有我应该正确地将其格式化。当我想添加新行时,出现了一些错误。示例使用了生成器函数,但您可以使用它生成的数据结构。特别是,它使用一个键值对列表,其中的值表示线。是的,准确地说,但我不能绘制另一条线,我的数据可以绘制一条线。json语法中有一些错误,我在这里问。。。