在 NVD3 中在另一个图表的比例上绘制一个图表
尼基塔·弗拉森科
我有一个由nvd3图书馆制作的图表：
https://github.com/novus/nvd3/blob/master/examples/scatterChart.html
看起来像这样：
我想以与整体图表相同的比例分别绘制带有彩色区域的其他图表。因此，也就是说，橙色区域将显示在另一个图表上，而没有任何其他颜色区域。我想我需要获得包含所有彩色区域的图表的缩放比例，并将其输入到每个单独的区域中。我基本上想通过设置初始比例来避免重新缩放。任何建议将不胜感激。
更新：
我尝试使用答案中提出的方法将所有其他集群的颜色设置为whiteortransparent并仅保留所需的彩色区域，但由于我还问过的另一个问题，我无法实现这一点：React component instantiation issue
所以，我试图深入研究nvd3 scatterChart代码，因为我们可以点击图例圆圈，相应的彩色区域就会消失。所以，当然通过调用一些特定的nvd3 scatterChart函数，我们可以在没有很多新编写的代码的情况下使区域消失，但我很难弄清楚。
尼基塔·弗拉森科
答案很简单。这是代码：
...
if (this.props.type === "marker") {
const domainX = [-174, 172];
const domainY = [169, -184];
chart.xDomain(domainX);
chart.yDomain(domainY);
}
d3.select(node)
.datum(data_func)
.call(chart);
...
我只需要使用chart.xDomain和chart.yDomain功能。以下线程回答了我的问题：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
NVD3图表响应问题
- 2
处理NVD3图表的JavaScript事件
- 3
为NVD3图表选择数据
- 4
NVD3图表删除0个价值栏
- 5
在Flexdashboard上显示nvd3 rChart
- 6
在nvd3中对齐axislabel
- 7
在nvd3中添加量表
- 8
更改nvd3图表中的边距和填充
- 9
nvd3图表开始在浏览器中压缩
- 10
在nvd3图表中更改xAxis的日期格式
- 11
用不同的图表类型替换NVD3图表
- 12
从Flask传递nvd3图表的数据作为参数
- 13
创建新图表时出现nvd3内存泄漏
- 14
带有官方CSS的NVD3图表巨大
- 15
图表未使用Shiny R和NVD3呈现
- 16
带有官方CSS的NVD3图表巨大
- 17
nvd3生活图表内存泄漏
- 18
为NVD3图表添加选择框
- 19
以角度NVD3多图表显示月份名称
- 20
动态生成的<nvd3>标签不会生成图表
- 21
重点部分显示错误图表 (NVD3)
- 22
我想要在nvd3图表中显示一条简单的红线
- 23
使用NVD3在R的rCharts中绘制对数刻度
- 24
nvd3 multibarchart 最后一个栏被隐藏不可见
- 25
是什么导致一个D3.js图表与同一页面上的另一个图表发生冲突？
- 26
是什么导致一个D3.js图表与同一页面上的另一个图表发生冲突？
- 27
nvd3设置比例从大到小
- 28
如何使用NVD3使唯一的线变细
- 29
无法水平绘制参考线nvd3气泡图
我来说两句