nvd3散点图中不可见气泡
Invisible bubbles in nvd3 scatter chart
我有这个散点图和一个样本数据。出于某种原因,我看到了看不见/没有显示的气泡。Y轴(在6)和更多的点。是我做错了什么还是有bug ?
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/
原来我存储数据的方式是问题所在。我对每个数据集都有一个键,我应该对一组数据集有唯一的键。
看起来如果密钥重复,问题就出现了
相关文章:
- 将工具提示添加到d3散点图中
- 具有多个数据集的分组散点图D3
- d3.js散点图中的刻度标签在Firefox 13.0.1中被截断
- 在D3散点图圆上添加标签
- 在NVD3散点图上绘制标签
- 高图表散点图:点击事件时的警报坐标
- 如何从javascript散点图中的另一个变量为x和y添加新值
- d3.js可以使用来自同一来源的数据在同一张图上绘制两个散点图吗
- 谷歌散点图-{role:'style'}{role:#39;工具提示'}不能以JSON形式工作
- d3js散点图自动更新不起作用
- 使用d3制作交互式散点图
- 如何使用d3在散点图上逐个绘制/添加节点
- 对散点图使用固定的颜色集
- 从 javascript 的高图表中的折线图/散点图中的点获取工具提示内容
- 在散点图 D3.js 中动态命名轴
- 高图:将点动态永久附加到散点图
- 散点图实现的固定轴
- 用于实时滑动气泡/散点图的JavaScript库
- nvd3散点图中不可见气泡
- 改变c3.js散点图中气泡的大小