D3.js nvd3图例重叠
我的数据包含两条正确渲染的曲线,但图例重叠,第二条的彩色点和文本部分重叠第一条的文本。当我单击任一点以隐藏曲线时,重叠将立即解析,并且不会返回 代码如下。一个页面上有多个。当我省略xAxis行时,问题就解决了,尽管没有明显的联系D3.js nvd3图例重叠,d3.js,nvd3.js,D3.js,Nvd3.js,我的数据包含两条正确渲染的曲线,但图例重叠,第二条的彩色点和文本部分重叠第一条的文本。当我单击任一点以隐藏曲线时,重叠将立即解析,并且不会返回 代码如下。一个页面上有多个。当我省略xAxis行时,问题就解决了,尽管没有明显的联系 d3.json('project_x_data.json', function(data) { nv.addGraph(function() { var chart = nv.models.lineChart() .x(fun
d3.json('project_x_data.json', function(data) {
nv.addGraph(function() {
var chart = nv.models.lineChart()
.x(function(d) { return d[0] })
.y(function(d) { return d[1] })
.clipEdge(true);
chart.xAxis.axisLabel('').tickFormat(function(d){
return d3.time.format('%d/%m/%y')(new Date(d*1000)) });
d3.select('#chart-project_x_data svg').datum(data)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
});
版本:浏览器:Firefox、Chrome、Ubuntu和OSX。同样的行为
novus/nvd3最新版本,以及Advael当前的合并版本
编辑
图表包含在引导选项卡上,该选项卡在页面加载时默认不显示。当我在选项卡处于选中状态时调整浏览器窗口的大小时(图表可见),图例会自动更正。当我在选项卡未被选中(图表被隐藏)时调整浏览器窗口的大小时,然后选择选项卡,图例本身没有更正。因为这张图太小了。。。很简单,问题似乎是在隐藏图表时进行渲染
这是否有助于引发任何想法?这不再是一个问题
现在,我使用Ajax渲染图形,仅当选项卡变得可见时。这足以使结果可靠且可重复 仅供参考-我也有这个问题。