nvd3 분산 형 차트의 보이지 않는 거품

Question

이 분산 형 차트와 샘플 데이터가 있습니다. 웬일인지, 나는 보이지 않는/보이지 않는 거품을 본다. Y 축 (6시) 및 더 많은 점. 내가 잘못했거나 벌레를하고 있니?

nv.addGraph(function() { 

var chart = nv.models.scatterChart() 
    .showDistX(true) //showDist, when true, will display those little distribution lines on the axis. 
.showDistY(true) 
    .transitionDuration(350) 
    .color(['#1f77b4']) 
    .margin({ 
    left: 150, 
    right: 150 
}) 
    .showLegend(false) 
    .sizeRange([50, 5000]) 
    .interactive(true); 

//Configure how the tooltip looks. 
chart.tooltipContent(function (key) { 
    return '<center><b>Value</b><br><h3>' + key + '</h3></center>'; 
}); 


chart.forceY(0) 

//Axis settings 
chart.xAxis.tickFormat(function (d) { 
    return d3.time.format('%b %d')(new Date(d)); 
}); 
chart.yAxis.tickFormat(function (d) { 
    return d; 
}); 

//We want to show shapes other than circles. 
chart.scatter.onlyCircles(true); 

d3.select('#categories-viewed-scatterchart svg') 
    .datum(data) 
    .call(chart); 

nv.utils.windowResize(chart.update); 

return chart; 
}); 

Jsfiddle는 : http://jsfiddle.net/eyedagger/4Dm9D/

Answer 1

내가 데이터를 저장 한 방법은 문제라고 밝혀졌습니다. 각 데이터 세트에 대한 키가 있었고, 데이터 세트 그룹에 고유 한 키가 있어야했습니다.

키가 복제 된 것처럼 보이면 문제가 발생합니다.