Javascript NVD3堆叠条形图转换不工作?
关于NVD3多列/堆叠条形图,我有点为难 我已经让几乎所有的图表工作,除了当你选择堆叠选项时,什么都没有发生 下图显示了它在堆叠选中的情况下的操作,并将其保持为分组图表 编辑: 这是JSFIDLE- 我使用的代码如下-Javascript NVD3堆叠条形图转换不工作?,javascript,d3.js,nvd3.js,Javascript,D3.js,Nvd3.js,关于NVD3多列/堆叠条形图,我有点为难 我已经让几乎所有的图表工作,除了当你选择堆叠选项时,什么都没有发生 下图显示了它在堆叠选中的情况下的操作,并将其保持为分组图表 编辑: 这是JSFIDLE- 我使用的代码如下- var chart; nv.addGraph(function() { chart = nv.models.multiBarChart() .color(d3.scale.category10().range()) .rotateLabels(0)
var chart;
nv.addGraph(function() {
chart = nv.models.multiBarChart()
.color(d3.scale.category10().range())
.rotateLabels(0) //Angle to rotate x-axis labels.
.transitionDuration(300)
.showControls(true) //Allow user to switch between 'Grouped' and 'Stacked' mode.
.groupSpacing(0.24) //Distance between each group of bars.
;
chart.reduceXTicks(false).staggerLabels(true).groupSpacing(0.3);
chart.x(function(d) { return d.x; });
chart.y(function(d) { return d.y; });
d3.select('#chart1 svg')
.datum(negative_test_data)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
非常感谢您的帮助。您能将代码放在一个整数上,以便有人能更好地查看代码和数据。现在编辑的数据中有JSFIDDLE,请尝试将
y
值作为整数而不是字符串。如果您查看它抛出的控制台,发现错误uncaughttypeerror:cannotreadproperty'1'of undefined
看看这个,使用一些示例数据,整数是什么意思?