d3.js/React.js中的热图-图中未呈现rect元素
热图（Heatmap）是一种数据可视化技术，用于展示矩阵数据中各个单元格的值大小。在d3.js和React.js中，可以使用热图来呈现数据的分布情况和趋势。
热图通常使用矩形（rect）元素来表示数据的不同取值。每个矩形的颜色可以根据对应数据的大小进行渲染，从而形成不同颜色的热图。较小的值可以使用较浅的颜色，而较大的值可以使用较深的颜色，这样可以直观地展示数据的差异。
热图在许多领域都有广泛的应用场景。例如，在金融领域，可以使用热图来展示股票市场中不同股票的涨跌情况；在生物医学领域，可以使用热图来展示基因表达数据的差异；在社交网络分析中，可以使用热图来展示用户之间的关系强度等。
对于d3.js和React.js，可以使用相关的库和组件来实现热图的绘制和交互。例如，对于d3.js，可以使用d3-heatmap库来绘制热图，该库提供了一系列函数和方法来处理矩阵数据和颜色映射。对于React.js，可以使用react-heatmap-grid组件来实现热图的绘制和交互，该组件提供了一套React组件，可以方便地进行配置和定制。
以下是腾讯云相关产品和产品介绍链接地址，供参考：
- 腾讯云数据可视化产品：https://cloud.tencent.com/product/dv
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
我试图通过使用d3.js创建一个日历热图。但我需要在周一开始一周，而不是默认的日历热图中的周日。那么，有什么办法使一年和工作日的每周都是ISO格式的呢？
var rect = svg.selectAll(".day")
.data(function (d) {
return d3.time.days(new Date(d, 0, 1), new Date(d + 1, 0, 1));
})
.enter().append("rect")
.attr("class&#
浏览 2提问于2016-12-17得票数 2
回答已采纳
1回答
Google :附加数据
、、、、
因此，我正在创建一个包含lat/longs的特定数据的热图。我很难弄清楚如何将数据附加到热图中，允许所有数据聚集在热图上。我正在使用setData()刷新我的热图层，但是，是否有其他方法可以让我获取热图中的数据并将新的数据附加到上面呢？
浏览 0提问于2014-06-30得票数 0
回答已采纳
1回答
我在热图旁边创建了一个热图和火花线。
柱塞
现在，我希望当用户在热图的一个单元格上盘旋时，相应的火花线上会显示一个红色的点。另一方面，当用户悬停在火花线上时，热图中相应的单元格将被高亮显示。
我希望画得更清楚些：
我想我可以在这一点上修改代码：
var cells = svg.selectAll('rect')
.data(data)
.enter()
.append('g')
.append('rect')
//...
.on('mouseover', tip.show
浏览 1提问于2018-04-09得票数 3
回答已采纳
是否可以在Altair python图中使用mark_rect()创建的热图中添加一些间距？图1中的热图将转换为图2中的热图。您可以假设该热图来自一个dataframe，并且每列对应一个变量。我故意画了这样的白条，以避免任何硬编码的索引解决方案。基本上，我正在寻找一种解决方案，我可以提供列名和/或索引名，以便在垂直和/或水平方向上绘制白色间隔。
浏览 46提问于2019-07-22得票数 5
我正在使用D3.js、TypeScript和Vue属性装饰器开发Vue项目。我想要绘制一个热图，但当我想调用x()或y()函数以换取热图中每个单元格的计算位置时，会出现一个错误。它会抛出错误
键入"SVGAnimatedLength“没有调用签名。
这就是我如何输入图表变量的方法。
private svg: d3.Selection<SVGGElement, any, HTMLElement, any>
private x: d3.ScaleBand<string>
private xAxis: d3.Selection<SVGGEle
浏览 5提问于2021-01-19得票数 1
回答已采纳
2回答
完成新手问题：
我运行了一个Django应用程序，在其中我生成了一个包含数据的视图：
result = json.dumps(data)
context = RequestContext(request, {
'result': result,
})
return HttpResponse(template.render(context))
现在，我有了一个使用d3.js呈现数据热图的map.js文件。我还有一个index.html文件，其中呈现了我的页面，并通过
<body>
<div id="heatMap">
<
浏览 3提问于2013-06-27得票数 10
回答已采纳
1回答
仍然是d3.js的新手-我想创建一个热图，显示在两个目的地之间旅行所需的时间。假设最终输出应如下所示：
在R中，您可以将宽格式的数据作为data.matrix，然后将其放入gplots的heatmap2中，从而得到一个很好的heatmap。d3.js有没有这样的功能，我可以让我的数据( .csv或.json)像这样宽的格式：
或者是在d3.js中生成一个热图，使用两个for循环在行和列上迭代来创建框，因此我应该使用这样的长格式：
浏览 16提问于2017-06-28得票数 0
我有一个关于交互式热图+链接散点图的问题。你可以玩它。
热图显示了一个N x N矩阵，而散点图显示了N x N x M矩阵中的一组值。
当您单击热图中的[i,j]单元格时，散点图显示3D矩阵中的所有[i,j,:]值(这些值也是按组编码的，但这与我想询问的问题无关)。
为了实现这一点，我使用了alt.selection_single，但据我所知，Altair文档中的示例处理返回标量的情况。在我的例子中，选择实际上返回了热图中单元位置的向量[i,j]。
我不确定如何实现它，所以我试了一下……你可以看到下面的代码，我想问你是否发现它是正确的。具体地说，使用selector和transform_fil
浏览 1提问于2019-12-12得票数 0
2回答
我正在尝试使用d3.js创建一个实时条形图，它可以绘制随时间变化的值
这就是我正在做的事情。
var dataset = [ 5, 10, 15, 20, 25 ];
var w = 1800;
var h = 500;
var barPadding = 1;
setInterval(function(){
dataset.push(Math.floor(Math.random()*51));
draw();
},1000);
function draw(){
d3.select("svg").remove();
var svg = d3.
浏览 3提问于2012-12-14得票数 5
回答已采纳
1回答
我在热图旁边创建了一个热图和火花线。
代码中有错误，因为火花线不正确。热图数据的变化趋势不同于火花线的变化趋势。数据似乎是向后读取的。为什么？
然后，有一些数据丢失(红色)。我希望在这种情况下，火花线被冲破或丢失。我怎么能这么做？
假设火花线是对的..。
现在，我希望当用户在热图的一个单元格上盘旋时，相应的火花线上会显示一个红色的点。另一方面，当用户悬停在火花线上时，热图中相应的单元格将被高亮显示。
我希望画得更清楚些：
我想我可以在这一点上修改代码：
var cells = svg.selectAll('rect')
.data(data)
.en
浏览 0提问于2018-04-08得票数 1
回答已采纳
2回答
我在Bokeh建了一个热图，很好用。我希望它从明亮的绿色到鲜红色，不断地被着色。目前的代码是：
colors = ["#66ff00", "#FFFFFF", "#FF0000"]
colors.reverse()
mapper = LinearColorMapper(palette=colors, low=-50, high=50)
p.rect(..., fill_color=transform('percentage', mapper))
问题是只有3种颜色出现在热图中。我希望-50到50之间的所有值都能线性地插值亮红到白
浏览 6提问于2021-04-16得票数 0
回答已采纳
在D3.js图中，我们为每个州或城市分配了一种颜色。有没有什么解决方案或例子，我们可以将热图分配给每个坐标(我的数据是来自卫星的值，所以我对每个坐标都有一个值)，.In或matplotlib，我绘制了一个图形，然后应用边界，但这在D3中似乎是不可能的。我想要这样的东西
谢谢。
浏览 15提问于2019-11-01得票数 0
回答已采纳
1回答
我正在D3.js中绘制一个图表，我使用一个<rect>作为实际的绘图区域(线、图等)。该计划仅将路径附加到<rect>，使其在用户拖动时不会溢出图表区域。现在看起来是这样的：
但当我试图做的时候：
var path = rect.append('path').attr(...)
这条路本身根本就没有出现。最初的版本只是将路径附加到svg，它的工作原理是：
var path = svg.append('path').attr(...)
我也不能像常规的HTML元素那样执行overflow:hidden，因为path不包含在rect
浏览 1提问于2016-04-07得票数 2
回答已采纳
1回答
我正在使用d3.js库，需要在另一个子svg元素中绘制一些svg元素。例如，我在svg中有一个容器元素，它是一个"rect“。我想在"rect“里面画几条线。但我在查看这些行时遇到了问题。
如果我将这些行添加到主svg容器中，它就能正常工作。但当我将这些行添加到"rect“中时，这些行是不可见的。我想，坐标就是问题所在。
那么，有没有人可以告诉我，在子元素中绘制时，应该如何计算坐标？它会自动被它的父坐标偏移吗？或者"rect“会有它自己的坐标系？
浏览 1提问于2016-01-12得票数 1
3回答
下面的代码用树状图创建1.Dendgram和2.heatmap
mydata <- mtcars
hclustfunc <- function(x) hclust(x, method="complete")
distfunc <- function(x) dist(x,method="euclidean")
d <- distfunc(mydata)
fit <- hclustfunc(d)
#plot dendogram only
plot(fit)
groups <- cutree(fit, k=5)
# Add r
浏览 6提问于2013-12-03得票数 5
回答已采纳
1回答
我正在使用d3.js来绘制一个依赖图，如下图所示
用户可以在图表中进行搜索，相应的线条将突出显示。但是，由于这条线是直的，所以这条线的垂直部分实际上是后一个链接。让我用两张图片来展示它。当我们在图中找到的不是根节点的最后一个子节点时，这条线的垂直部分不会被涂成红色，因为后面的子节点又把它涂成了灰色。
如果突出显示的节点是根节点的最后一个子节点，则结果符合我们的预期，如下所示：
那么我该怎么做才能把红色的线条放在顶层，或者防止它再次被涂成灰色呢？
浏览 2提问于2021-07-13得票数 1
2回答
我正在创建以下热图：
h = HeatMap(CorrelationsMV, 'RowLabels', labels, 'ColumnLabels', labels, 'Colormap', map);
colorbar;
caxis([-1, 1]);
由于某种原因，颜色条在第二个空热图中显示：
而我所需要的只是：(我可以通过GUI手动完成，但我需要它被自动化)
浏览 2提问于2017-11-05得票数 0
回答已采纳
2回答
我有一个外部JSON文件，结构如下：
{
data: [
{
0: 'cat',
1: 232,
2: 45
},
{
0: 'dog',
1: 21,
2: 9
},
{
0: 'lion',
1: 32,
2: 5
},
{
0: 'elephant',
浏览 0提问于2015-03-15得票数 0
1回答
在d3.js中平移条形图
、、、、
我对d3.js很陌生，在下面的代码中(也在上)，我遇到了两个问题
添加的第一个rect似乎阻止了下面代码中添加的条形图。使用鼠标拖动rect上的摇摄似乎是有效的！
删除rect会显示条形图。但是，在画布上拖曳的摇水不再能拍到风景。
我希望显示条形图，并通过拖动图表区域进行平移操作。任何帮助都非常感谢，谢谢！
jsfiddle：
浏览 1提问于2013-12-21得票数 2
回答已采纳
我正在寻找js包，我想为我的React地图创建3d日历或3d热图(下面是R的rayshader )，我想知道一些d3.js是否适合这个，但d3.js似乎是不兼容的，因为它使用的是实际的，而不是像React那样的虚拟DOM。 ?
浏览 26提问于2021-05-07得票数 0
1回答
我需要这样的热图矩阵，
现在我尝试使用D3.js，我能够生成矩阵，也使它可以缩放，但是现在我仍然坚持将Notes添加到矩形中，因为SVG不支持它。
我是否在正确的轨道上，或者我可以使用Div和jQuery来开发这个热图，我访问了数百个插件，但不能满足我的需求。
真矩阵-
尝试使用一个矩形- 添加Notes
我可以使用任何其他插件或简单的HTML吗？
var width = 600,
height = 600;
var margin = {top: -5, right: -5, bottom: -5, left: -5};
var zoom = d3.behavior.zoom()
浏览 2提问于2015-04-07得票数 0
回答已采纳
5回答
我正在尝试从CSV数据集构建一个d3.js热图。在使用d3.csv导入时，数据如下所示：
[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, columns: Array(11)]
如果每个对象如下：
Object {0: "0.934999642", 1: "0.1031451091", 2: "0.077435557", 3:
"0.129644215", 4: "0.666245944", 5: &
浏览 3提问于2017-06-11得票数 2
回答已采纳
1回答
我即将实现我在这张地图中需要的东西，我添加了一个显示热图的热图层和一个从geojson数据中绘制多边形的数据层。如果你仔细看看下面的图片，你可以看到热图隐藏在多边形后面，我所需要的只是一些帮助，把热图层带到顶部。谢谢！)
如果我减少多边形的不透明度，这就是结果，但是热图层仍然落后，所以这还不够:/
以下是我正在使用的代码：
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.0902 , lng: -95.7129},
zoom: 4
浏览 1提问于2017-09-29得票数 3
回答已采纳
2回答
我正在使用d3.js创建一个条形图。在每个栏的顶部，我将显示一些文本。当用户悬停在条形图上时，应该显示文本。当他们悬停的时候，文字就会消失。为了做到这一点，我需要将<text>和<rect>元素分组到<g>元素中。
示例
<g class="gbar">
<rect x="0" y="50" width="10" height="50" />
<text x="15" y="40">A</t
浏览 2提问于2016-12-16得票数 7
回答已采纳
我对d3.js很陌生，我正在构建一个简单的条形图。下面显示的代码显示浏览器窗口最底部的条形图，而不是html代码中的svg区域。
以下是html代码：
<div class="C2_01">First paragraph.</div><br>
<div class="C2_02">Second paragraph.</div><br>
<svg></svg>
<script src="JS\D3_BarChart.js"></sc
浏览 0提问于2018-09-24得票数 0
回答已采纳
通过将矩形绑定到我的数据(时间和值)，我用d3创建了一个线性热图：
每个热图可以包含数百(在某些情况下是数千)个<rect>元素。浏览器一开始没有问题地绘制它们，但当我使用d3轴(缩放行为和程序重绘)沿着时间轴移动时，我看到了转换过程中的巨大性能问题(这是一个众所周知的SVG缺点)。
有什么办法可以解决这个问题吗？使用具有相同数量的<stop>元素的<linearGradient>会改善情况吗？我需要使用canvas而不是SVG吗？
谢谢!
浏览 3提问于2014-02-25得票数 1
1回答
D3.js -带圆角的堆叠条形图
、、、、
您可以指导我如何在堆叠条形图中绘制D3.js圆角(仅用于第一个和最后一个元素)。
当前生成的一个实例/一行堆叠条形图的SVG代码如下：
<g class="layer" style="fill: rgb(247, 139, 157);">
<rect rx="15" ry="15" y="104" x="51" height="21" width="100"></rect>
<rect rx="15
浏览 11提问于2017-08-25得票数 1
我正在使用D3.js中的"update“模式。我正在创建一个简单的条形图，当您按下“更改”按钮时，它将更新数据。
我的问题是，当您按下“更改”按钮时，前三个渲染的条形图不会重新渲染。我进行了调试，发现数据应用正确(__data__是正确的)，但是重新应用失败了。
下面是我的代码和中的链接
var myData = [ 100, 200, 300 ];
d3.select('body').append('button').text("Change").on("click", function() {
myData =
浏览 0提问于2013-05-10得票数 2
回答已采纳
当我改变画布的localScale时，我遇到了一个问题。首先，我想设计一个在坦克战争游戏中购买装备的功能，所以我添加了一个画布来展示装备。画布的结构如下所示：
在游戏开始时，我在一个协同线中将画布的localScale从(0,0,0)更改为(1,1,1)。代码显示如下：
private IEnumerator DampCanvas(){
float dis = Vector3.Distance (rect.localScale, Vector3.one);
while (dis >= threshold) {
rect.localS
浏览 2提问于2020-05-23得票数 1
回答已采纳
我在这里使用的d3.js热图应用程序上有一个错误：
https://codepen.io/qwirkyrabbit/pen/XqmPgo
它在google chrome上运行良好，在桌面设备(imac)上运行很好，我看到热图活动的方式与我所期望的一样，但是当我检查其他浏览器，如Firefox和移动设备中的web浏览器(Safari，Chrome)时，我会得到意想不到的结果。
X轴没有显示滴答或滴答标签，热图的数据点仅限于y轴的最左边部分(其他年份没有显示任何内容)。此外，它没有显示预览在代码页的个人资料，以及移动。
一位朋友帮我解决了问题，他在firefox上发现了一个问题，我在火狐上声明了映
浏览 1提问于2018-04-23得票数 0
回答已采纳
5回答
我需要在我正在构建的JavaScript应用程序中包含一个仪表板。将提供我正在寻找的所有功能，除了我需要一个没有互联网接入和可以嵌入我的应用程序的工具。
我的主要要求：
标准饼图、条形图和线条图
悬停和点击行为
数据聚合: sum、average等(如Google数据)
带时间范围滤波器的时间尺度
很好有:热图，量规，地理图，甘特等。
或者，我会对图形化工具包的建议感兴趣，这将是一个很好的起点。我读过关于d3.js的一些好东西，但是这里没有太多的文档。我甚至没有找到d3支持的浏览器(我需要IE7)。
浏览 6提问于2012-04-01得票数 0
回答已采纳
1回答
是否可以从折线图中的数据创建一维热图？也就是说，我希望y中的最高值代表热图中较暖的颜色。我已经附上了一个我希望它看起来像的热图的示例图像，以及我目前在折线图中拥有的数据。
一维热图和图表示例：
为了获得所示图像中的热图，我在python和matplotlib.pyplot中使用了以下代码：
heatmap, xedges, yedges = np.histogram2d(x, y, bins=(np.linspace(0,length_track,length_track+1),1))
extent = [0, length_track+1, 0, 50]
plt.imshow(he
浏览 38提问于2017-08-23得票数 6
回答已采纳
1回答
是否可以在可选择的热图中覆盖文本 https://vega.github.io/editor/#/examples/vega-lite/selection_heatmap 如果我在可选热图中绘制二进制的实际与预测热图，我是否可以将文本覆盖为True Positives，FP，TN，FN与相应的值并关闭图例 这里有完整的代码 {
"$schema": "https://vega.github.io/schema/vega-lite/v2.4.json",
"data": {
"values": [
{&
浏览 9提问于2020-08-14得票数 1
回答已采纳
5回答
针对热图的地理数据聚类
、、、、
我有一份推文的列表，上面有他们的地理位置。它们将显示在一个热图图像中，并透明地放置在Google Map上。诀窍是根据集群大小，找到彼此相邻的位置组，并将它们显示为某个热/颜色的单个热图圆圈/图形。
是否有一些库可以将地图中的位置分组为集群？或者我最好决定我的群集化参数，并构建一个自定义算法？
浏览 1提问于2012-02-03得票数 3
回答已采纳
我正在尝试将使用bpmn.io的bpmn流与使用heatmap.js的热图进行叠加。如果画布被设置为dom中的第一个也是唯一一个元素，那么它实际上是有效的，但是一旦您添加了其他元素，比如在我的示例中添加了header，那么两者之间的坐标系就会消失。
我准备了一把小提琴，准确地表达了我的意思。
const rect = canvas.getGraphics(element).getBoundingClientRect();
const x = (rect.x + rect.width / 2);
const y = (rect.y + rect.height / 2);
da
浏览 2提问于2018-11-11得票数 0
2回答
朱莉娅热图
、、
我正试着创建一个热图。我有下面的代码。有没有一个简单的方法来创建一个热图，s.t。lst1是x轴，lst2是y轴，它是图中的强度？
lst1 = []
lst2 = []
lst3 = []
for i in range(0,3.5,step = 0.5)
for j in range(0,4,step = 0.5)
println(i,j)
a = f(parameter,i,j)
push!(lst1,i)
push!(lst2,j)
push!(lst3,a)
print("(
浏览 8提问于2022-05-26得票数 1
1回答
我想根据这个制作一个带有文本标签的圆环图
但是，我不想让这些线进入弧线的内部区域。我只想让他们在不进入弧线的情况下接触弧线的圆周。
D3.js是否提供了任何现成的函数来找出圆弧圆周的中心，或者是否有任何其他方法使用SVG来修改直线。
浏览 0提问于2016-05-25得票数 1
1回答
需要在d3js热图的“矩形”中追加文本或圆圈
Fiddle example: https://jsfiddle.net/ejg2amhj/7/
我用下面的代码做了很多尝试：
.append("text")
.text(function() {
return "1";
});
我也尝试了一下：
.append("svg")
.attr("width", 10)
.attr("height", 10)
.append("rect")
浏览 2提问于2018-03-29得票数 0
1回答
我有一个有641*976个数据点的矩阵。当我在R中应用热图函数时，结果是一个二次热图。我希望热图具有与我的输入矩阵(平方单元)相同的比例。 heatmap(as.matrix(Data), scale = "none", col = my_palette,
breaks = col_breaks, main = "Heatmap of emission ratios", Rowv = NA, Colv = NA) 我可以用mtcar数据集向您演示我的情况。这个数据集的维度是32*11。当你生成mtcars数据集的热图时，你会得到一个二次热图。即使输入矩阵是
浏览 37提问于2019-04-19得票数 0
1回答
我有一个测量空气污染的传感器网络。我想制作一张污染的热图，并在我的网站上展示给用户。
我在想最好的办法。热图是在后端还是前端生成？这两种解决方案的优缺点是什么？任何细节-比如，我应该以什么格式将热图发送到前端(可能使用SVG?)我会非常感激的。
我可以为后端生成的热图找到这些优点：
与其他服务的简单集成-例如，如果我想将空气污染地图发送给Slack用户，我可以下载地图块并将生成的热图放在上面。
很容易做出改变--例如。如果我想改变生成热图的方式(比如颜色)，我不需要在所有其他地方改变它，比如web应用、安卓应用、iOS应用……
缺点：
可能有更多的数据要发送到客户端。
浏览 2提问于2016-10-10得票数 1
回答已采纳
1回答
一维密度图对齐的密度热图
、、、、
我正在使用中概述的方法，以便在与一维x和y密度图配对的地图上创建密度热图。我能够生成以下图像：
然而，我有困难在最高密度图中的阴影区域与地图上的热图对齐。我发现，这与我在代码中应用mercator投影来生成热图有关，而顶部和右边的密度图只是使用数据中的坐标。
有没有办法使热图中的投影坐标与一维密度图中的非投影坐标对齐？
下面是我的代码的相关部分(我使用了网格/gtable包来组合不同的图形)。
编辑:数据由三列组成: UniqueID、Lon和Lat。在这种情况下，所有的Lon/Lat对都在纽约市/周围，但是为了排除故障，只要可以投影它们，精确的对就不重要了。
library(gtable)
浏览 0提问于2017-01-14得票数 0
回答已采纳
我向Gitlab推送了一个现有的git项目，希望通过Gitlab热图直观地了解git提交历史。然而，从热图上，我只能说我那天推到了这个repo，所有以前的git提交历史都不会在热图中反映出来。
有没有办法在热图中显示我之前的git提交？或者热图仅反映由git push引起的操作
浏览 0提问于2019-05-22得票数 1
我正在尝试将交互添加到热图中(使用rect)，使用CustomJS根据所选值显示另一个波克图。这就是我尝试过的
heat_map_df_stack = pd.DataFrame(heat_map_df.stack(), columns=['rate']).reset_index()
....
issue_heat_map = figure(title="",
x_range=issues, y_range=list(reversed(products)),
x_axis_location="above", plot_w
浏览 2提问于2018-10-16得票数 0
1回答
我正在做一个项目，它将所有的d3.js可视化与backbone.js结合到一个页面应用程序中。因为我有许多可视化的东西，比如条形图、饼图等等，所以我想知道解决这个问题的最好方法是什么。
例如，假设我有一个两个条形图和一个饼图。我是否应该将所有图表的所有设置边距、比例、渲染所有数据放在一个视图中？既然有两种不同类型的图形，那么模型应该是什么？
什么应该转到视图、模型、控制器、集合等？
提前谢谢你，
浏览 0提问于2013-06-20得票数 15
回答已采纳
1回答
我需要帮助弄清楚如何添加一个颜色条到一个和弦图，我已经做了。我希望在中添加一个颜色条，但是在中添加一个颜色条，而不是将其与python中填充的chord图相混淆。
我试图输入更多的链接和图片，但我想我需要更多的声誉:(热图链接是plot.ly/python/heatmap。chord图位于plot.ly/python/chord-图上。填充的chord图位于plot.ly/python/填充-chord-图。
我计划使用热图的方法是让和弦图上的每一行都是基于数据的某种颜色。例如，如果数据显示这条线的值为80，它就会像热图中的红色一样。如果数据显示为50，它将是橙色的黄色，就像热图中的那样。
非
浏览 4提问于2017-08-24得票数 0
回答已采纳
1回答
我正在试图构建一个图(使用d3.js)，每勾有两个条。
我不确定哪种结构是处理数据的最佳结构，我尝试过这样的方法：
var dataset = [
{
'month': 'Jan',
'count': {
'red': 29,
'white': 32
}
},
{
'month': 'Feb',
'count': {
浏览 4提问于2013-10-24得票数 0
回答已采纳
1回答
我正在开发一个d3.js饼图应用程序。我正在尝试开发这样的功能:当您单击图例矩形时，它会切换切片/关闭以及图例矩形内的填充。
图例
Rects
.enter()
.append("rect")
.attr("x", w - 65)
.attr("y", function(d, i){ return i * 20;})
浏览 3提问于2014-09-29得票数 0
回答已采纳
有没有办法调用Django视图并从与heatmap关联的D3.js onclick事件处理程序向其传递参数？对于我的热图，我使用在以下位置找到的代码： https://www.d3-graph-gallery.com/graph/heatmap_style.html 任何帮助都将不胜感激。谢谢。
浏览 41提问于2019-05-29得票数 0
回答已采纳
2回答
我使用d3.js生成一些直接位于彼此之上的rects，其方式如下：
var greenRed = d3.select(".green-red").append("svg")
.attr("height", 120);
greenRed.append("rect")
.attr("fill", "green")
.attr("x", 0)
.attr("y", 0)
.attr("height", 50)
浏览 4提问于2013-07-04得票数 1
回答已采纳
1回答
静态D3力-有向图性能
、、、
所以目前，我正试图创建一个力有向图，图中有几千个节点和大约30k个链接。你可能会猜到，模拟的速度非常慢。相反，我想要做的是预先计算节点的所有位置，只呈现一个静态(但却是交互式的)图形。有没有一种方法可以使用d3.js计算一个力有向图而不渲染它(使它更快)，然后根据预先计算的值绘制静态图？我的代码目前基于Mike的
浏览 3提问于2012-12-26得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
