如何设置d3符号的大小？
在D3中，可以使用比例尺（scale）来设置d3符号的大小。具体步骤如下：
- 导入D3库：在HTML文件中导入D3库，可以通过CDN链接或本地文件引入。
- 创建SVG容器：使用D3的选择器选择一个DOM元素，并创建一个SVG容器。
var svg = d3.select("body")
.append("svg")
.attr("width", width)
.attr("height", height);- 创建比例尺：根据数据的范围和符号大小的范围，创建一个比例尺。
var sizeScale = d3.scaleLinear()
.domain([minValue, maxValue]) // 数据的范围
.range([minSize, maxSize]); // 符号的大小范围- 创建符号生成器：使用D3的符号生成器（symbol generator）来创建符号。
var symbolGenerator = d3.symbol()
.type(d3.symbolCircle) // 符号的类型，这里以圆形为例
.size(function(d) { return sizeScale(d.value); }); // 符号的大小根据比例尺来确定- 绘制符号：将数据绑定到符号生成器上，并将生成的符号绘制到SVG容器中。
svg.selectAll("path")
.data(data)
.enter()
.append("path")
.attr("d", symbolGenerator)
.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
.attr("fill", "steelblue"); // 符号的填充颜色以上是设置d3符号大小的基本步骤。根据具体需求，可以调整比例尺的参数和符号生成器的属性来实现不同的效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
What are the contents of the CCR and D3 after the following instructions sequence executes? Perform the calculation by hand and show your work.
MOVE.B #7,D3
CMPI.B #11,D3
我知道D3寄存器的内容将保持不变，我不知道如何计算得到ccr标志。
有人能给我看看你是怎么做的，什么旗子被点燃了，为什么呢？我真的很难理解这一点。
浏览 2提问于2014-10-17得票数 0
我的Sympy脚本中有以下符号
e0 = Symbol('e0',commutative=False)
e1 = Symbol('e1',commutative=False)
e2 = Symbol('e2',commutative=False)
e3 = Symbol('e3',commutative=False)
u = Symbol('u',commutative=False)
d0 = Symbol('d0',commutative=False)
d1 = Symbol('d1&
浏览 0提问于2018-01-26得票数 2
回答已采纳
3回答
比如说，我有以下结构：
typedef struct my_struct{
unsigned long a;
unsigned long b;
char* c;
unsigned int d1 :1;
unsigned int d2 :4;
unsigned int d3 :4;
unsigned int d4 :23;
} my_type, *p_type;
字段d3当前由从0x00到0x0D的#define定义。
实际上
浏览 4提问于2012-08-16得票数 32
回答已采纳
我有以下在d3中绘制三角形的代码：
var trianglePoints = xScale(3) + ' ' + yScale(18) + ', ' + xScale(1) + ' ' + yScale(0) + ', ' + xScale(12) + ' ' + yScale(3) + ' ' + xScale(12) + ', ' + yScale(3) + ' ' + xScale(3) + ' ' + yScale(18);
console.
浏览 0提问于2015-09-29得票数 13
回答已采纳
我正在重构一些性能关键的代码，当我没有得到我所期望的结果时，我检查了ASM代码(我在每次构建中都保留了ASM代码)，并注意到对C中的结构的访问导致了3种昂贵的乘法(这实际上使代码中的其他优化变得无用，因为MUL非常慢-)
为了更好地了解vbcc编译器处理结构的具体情况，我创建了以下简单的测试方法：
void TestMethod (struct SCube * C, struct SVis * V)
{
int i;
char idx;
struct SWall * R;
for (i = 0; i < V->NumLeft; i++)
{
浏览 4提问于2015-10-11得票数 0
1回答
我希望在d3中的标签中包含$/d3和Bn/M。
示例:1亿£450亿美元
目前它只支持一个(前缀符号)或(后缀符号)
示例:100,450亿美元
简而言之，在d3中可以使用多个(多个)格式选项吗？
浏览 2提问于2014-09-03得票数 2
1回答
我最近开始使用d3了。我感兴趣的是，是否有可能使用d3.treemap()设置叶节点的大小？
我希望有相同大小的叶节点，并且在我希望d3生成树状图布局之后。
浏览 5提问于2013-09-09得票数 0
我有两个模块，module1 (安卓库)和module2 (Java库)。
module1将module2作为implementation依赖项。
module2有依赖项d3，它是org.apache.oltu.oauth2:org.apache.oltu.oauth2.client:1.0.2 as implementation依赖项。
但是，我可以在module1的一个类中导入d3中的符号，而不会有Android Studio的抱怨。(这意味着通过其他库，d3位于module1的类路径中)
但是，在编译时，使用error: package org.apache.oltu.oauth2.co
浏览 3提问于2018-05-19得票数 0
我正在使用条形图在D3可观测到的上。我需要改变轴上标签的字体大小和颜色。在前面的D3方法中，您可以简单地在CSS中这样做，例如：
text {
fill : white;
font-size : 22px;
}
但是，CSS并没有提供通常的HTML。
如果您查看该文件，似乎没有任何文本附加于，尽管在检查元素中可以看到标签确实是“文本”
我尝试在附加的g中添加样式：
svg.append("g")
.style("fill", "white")
.call(xAxis);
但没有结果。
浏览 3提问于2019-11-19得票数 2
回答已采纳
我正在尝试使用d3为新泽西州创建一个choropleth。我将geojson文件创建为nj.json。你可以在这里看到它：
当我尝试使用它在网页上显示时，它显示了一个非常小的新泽西地图，小到很容易遗漏。请在此处查看：
它在文本下方几英寸处显示为一个小圆点。
谁能看一下源代码，并指导我如何增加地图的大小。
谢谢，D3菜鸟
浏览 0提问于2013-04-22得票数 0
我正在开发一个应用程序，我正在使用D3 Treemaps，我已经加载了我的数据，但我在数字格式和货币类型方面遇到了问题。我是尼日利亚人，所以unicode表示我们的货币“奈拉”是₦(₦)；
var defaults = {
margin: {top: 24, right: 0, bottom: 0, left: 0},
rootname: "TOP",
format: ("₦,.3f"), //- and not working
title: "",
width:
浏览 2提问于2018-05-21得票数 2
因此，这就是如何在我的手机和我的平板电脑上的形象：
我想要缩放图片，这样当我在平板电脑上打开应用程序时，距离d1、d2、d3、d4将和在移动上一样。我不想图片保持相同的大小，我只是想要它的规模，使我的设计看起来相同的每一个设备。我试过使用dp、px来定义距离d1、d2、d3、d4，但它不起作用。我该怎么做？
浏览 0提问于2018-02-10得票数 0
回答已采纳
2回答
在Excel中，具有以下功能：
=IF(AND(N3=1,ISNUMBER(D3),ISNUMBER(E3)),SUM(D3:E3)-2,IF(AND(N3=1,D3="",E3=""),G3,IF(N3=1,"",IF(AND(N3=0,ISNUMBER(D3)),D3-1,IF(AND(N3=0,ISNUMBER(E3)),E3-1,IF(AND(N3=0,D3="",E3=""),G3,IF(N3="","",G3)))))))
我知道错误：
公式省略相邻单元格
如何修
浏览 5提问于2016-10-15得票数 12
回答已采纳
1回答
D3散点图变换符号
、、、
我正在寻找示例代码如何加载自定义散点图符号(如屏幕截图中的箭头)，并在每个散点转换它(旋转/缩放)。有没有可能使用d3库呢？ ?
浏览 10提问于2020-08-25得票数 0
3回答
我想要显示如下所示的条形图。条形图有一个期望值组件，我需要将它显示为一条垂直线。我尝试使用highchart和d3来实现相同的效果，但我无法根据需要显示垂直线。
有谁能指导我如何做到这一点。
浏览 0提问于2016-02-29得票数 0
我有一个具有缩放和平移功能的d3树。对于任何父节点，树都可以有大量的子节点。这可能会导致垂直挤压节点。 ? 我希望节点在缩小时自动调整它们的间距，特别是垂直间距。 d3代码的附加d3 svg和缩放部分： var svg = d3.select("#tree_container")
.append("svg")
.attr("width", width + margin.right + margin.left)
.attr("height", height + margin.top + margin.bottom)
浏览 95提问于2019-10-15得票数 4
回答已采纳
Commits
a0
b1
c2 <-
d3
e4
我需要向c2添加一些更改。通常我会这样做：
git rebase -i d3 // Or @~3
有什么方法可以用和c2来做呢？
git rebase -i c2^
浏览 2提问于2019-03-13得票数 0
回答已采纳
1回答
我正在做两个工作表来计算产品的利润。因此，我要做的是从主表( D3 )中获取单元格，然后获取另一个值并将其添加到D3中。下面是我得到的公式(=D3+'Profits '!B3+'Profits '!B4+'Profits '!B5+'Profits '!B6)。问题是，当我向下滚动计算Profits，D5，D6时，Profits工作表中的单元格也会增加。我只希望主表递增，并保持相同的另一个表的例子 =D3+'Profits '!B3+'Profits '!B4+'Profits '
浏览 11提问于2020-12-06得票数 0
回答已采纳
我不是一个初级程序员，但刚刚开始使用任务VX汇编器(手动)。我不敢相信我在问这么简单的问题，但在读了两遍任务VX汇编手册后，我找不到最简单的问题的答案:我可以使用一个符号名称而不是原始的寄存器名称吗？
类似于：
loop_i = d3 ; d3 register, wishing to use symbolic name loop_i instead
; (assembler doesn't allow the above definition)
mov16 loop_i, #4 ; this is
浏览 6提问于2017-02-20得票数 1
3回答
我在index.html文件中有这个文件，但是它没有显示我想要用D3添加的段落
<!DOCTYPE html>
<html>
<head>
<title> D3 page template </title>
<script type="text/javascript" src = "d3/d3.v3.js"></script>
</head>
<body>
<script type="text/java
浏览 0提问于2013-05-21得票数 8
回答已采纳
我正在尝试构建一个需求模块，为客户端代码提供使用呈现内容的选项。我想使用的第一个插件是。到目前为止，我的模块：
define(['d3'], function(ignore) {
console.log("bef", d3);
require(['sankey.js']);
console.log("aft", d3);
d3.sankey();
return {
...
d3: d3,
renderSankey: function(opt
浏览 3提问于2016-02-24得票数 0
回答已采纳
我正在编写一份结合了D3.js和ggplot2的报告，以可视化世界各国的时间序列数据。我是第一次使用D3。在报告中，ggplot2用于国家层面的分析，D3图表用于指标层面的分析。更具体地说，每个指标只有一个D3图表；而在每个指标下，每个国家/地区的一个指标下可能有200个ggplot。 我运行了5个指示器的报告，我得到了一个50MB的html文件大小，它在google chrome中打开需要30秒。然后我删除了所有的D3 (在示例报告中有5个D3散点图)，html文件大小减少到大约41MB。我知道移除D3之后，html仍然很大。但是我想知道为什么5个D3 viz会占用10MB的空间？(我将每
浏览 31提问于2019-02-12得票数 0
回答已采纳
我遵循下面提到的链接来创建d3包布局。我想要改变的是，在每个包的布局中都有固定大小的圆圈。
我在下面的链接中找到了解决方案，但这段代码用于d3.v3.js (根据我的知识 )
有人能帮助我如何实现相同的大小，而不是它的实际"d.value“。提前谢谢。
浏览 0提问于2017-04-22得票数 1
回答已采纳
1回答
我在动态添加节点时遇到了d3树布局问题。
根据节点类型，我向节点添加了一个路径符号，但是在更新时我会看到一个错误，上面写着“无效路径格式”。
Enter和update都使用相同的代码：
nodeUpdate.select("path")
.attr("d", d3.svg.symbol().type(function(d)
{
return self.TypeToShape(d.Type);
})
浏览 0提问于2015-10-06得票数 1
回答已采纳
3回答
long ip2long( char *ip )
{
long ip2long = 0;
char B1[4], B2[4], B3[4], B4[4];
int D1, D2, D3, D4 = 0;
sscanf(ip, "%s.%s.%s.%s", B1, B2, B3, B4);
D1 = atoi(B1);
D2 = atoi(B2);
D3 = atoi(B3);
D4 = atoi(B4);
if(D1 > 255 || D2 > 255 || D3 > 255 |
浏览 2提问于2011-03-11得票数 0
回答已采纳
2回答
如何使多个d3窗口调整大小事件
、、、、
我在一个页面上有三个svg元素，每个元素都由D3陪同。每个页面都有自己的页面大小逻辑，由分配，以使它们响应。
问题是，只有最后一个调整大小的事件正在触发，因为它似乎覆盖了之前的页面调整事件。这是d3.select(window).on('resize', ...)的预期行为吗？我已经习惯了$(window).resize(...)，它在多次调用时运行良好。
我已经看到建议在D3中可以进行多个调整大小的事件。我是不是在做傻事？
下面是一个简单的例子，我是
d3.select(window).on("resize", function() {
d3.selec
浏览 1提问于2014-10-16得票数 12
回答已采纳
2回答
我想在MIPS中生成随机单词。我知道如何生成随机数，我只想要一个来自词库的随机词。我试过了，但我不知道怎么打印。
.data
### WORD BANK ###
a0: .asciiz "computer"
b1: .asciiz "processor"
c2: .asciiz "motherboard"
d3: .asciiz "graphics"
e4: .asciiz "network"
f5: .asciiz "ethernet"
g6:
浏览 2提问于2014-10-16得票数 1
1回答
我有一个D3代码。
我想添加一个svg符号“原样”！到D3 svg。
我不想用D3动态地创建符号，我已经用我们的设计师做的符号，我想使用它！
这是我的小提琴：
在小提琴中，我有我的d3容器pie_chart_wrapper，我想将符号md_file添加到d3 svg中。
浏览 2提问于2016-07-03得票数 0
回答已采纳
我正在开发一个小应用程序，它的左侧有一个JScrollPane中的项目列表。
用户将能够在该列表中添加和删除元素。
因此，我需要创建一个可滚动列表。
这部分很简单。
我通常想手动调整大多数图形用户界面的大小，但我在JScrollPane的文档中看到，让swing处理它比手动更改尺寸更好。
问题是我一直在添加元素，而里面的面板并没有改变大小。
有什么想法吗？
下面是我使用的一些代码:构造函数：
public SideBarView(Dimension d) {
super(d);
Dimension d2 = new Dimension(100,300);
浏览 0提问于2011-03-07得票数 1
回答已采纳
1回答
我是新的d3.js和使用简单的分子d3 。我的第一个问题是如何选择分子结构的多个节点？其次，如何提取选定节点的名称和大小数据(存储在json文件中)？
浏览 3提问于2014-10-13得票数 1
回答已采纳
1回答
在我的D3图表中，我将tickSize更改为0。因此，轴与标签之间的距离几乎为零。我如何调整这一差距，使之看上去体面？
D3 x轴代码：
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
.tickSize(0,0);
浏览 5提问于2014-02-19得票数 0
回答已采纳
1回答
请建议如何根据d3树布局的节点值自动调整节点的宽度。
下面是我改编的链接参考和一段代码。
var margin = {
top: 20,
right: 120,
bottom: 20,
left: 120
},
width = 960 - margin.right - margin.left,
height = 800 - margin.top - margin.bottom;
浏览 0提问于2014-03-27得票数 0
我试着把三个数相乘，但得到了一个奇怪的结果。为什么我得到了如此不同的结果？
unsigned int a = 7;
unsigned int b = 8;
double d1 = -2 * a * b;
double d2 = -2 * (double) a * (double) b;
double d3 = -2 * ( a * b );
// outputs:
// d1 = 4294967184.000000
// d2 = -112.000000
// d3 = 4294967184.000000
浏览 2提问于2012-10-07得票数 2
回答已采纳
我正在试图找到正则表达式，以匹配[[ $string =~ $regex ]]上下文中格式的D1路径。
我希望regex=与之匹配，但${BASH_REMATCH[1]}仍然是空的。我试图避开括号，或者放弃.*，但没有效果。
我已经了解了如何通过BASH_REMATCH访问嵌套捕获组和其他$string内容(另一个用于嵌套级别和右侧捕获组的额外索引)，但这一项我无法匹配。
我的失败是什么？
(^\./).*与之匹配，但D3仍然是空的。我试图避开括号，或者放弃D4，但没有效果。
我已经了解了如何通过D5访问嵌套捕获组和其他D6内容(另一个用于嵌套级别和右侧捕获组的额外索引)，但这一项我无法匹配。
浏览 0提问于2021-06-11得票数 0
3回答
我想在D3中使用“钻石”符号。我不知道在D3中符号的大小大小是如何工作的。我的要求是：
svg = d3.select("svg");
svg.append("g").append("path")
.attr("d", d3.svg.symbol()
.size( function(d) { return 15 })
.type( function(d) { return "diamond" }))
.attr("transform", "translate
浏览 0提问于2013-11-22得票数 2
回答已采纳
3回答
我正在使用来显示图形的wpf应用程序。效果很好。
问题:
请检查这个：
如何使用12小时时间格式而不是24小时时间格式？请建议一下。
更新:
这是我的图的XAML：
<d3:ChartPlotter Name="plotter" Margin="3,121,5,0" Grid.RowSpan="2" Height="373" VerticalAlignment="Top" VerticalContentAlignment="Stretch" LegendVisible="F
浏览 7提问于2012-06-15得票数 3
1回答
我正在尝试一个带有行的网格布局，其中第一行是<code>D0</code>，第二行是<code>D1</code>，并且只有两个按钮，<code>D2</code>和<code>D3</code>，所以第二行的高度必须很短，但是我不知道如何调整其中任何一个的大小。这是我尝试过的：
<code>A4</code>
但结果窗口似乎将每行的高度减半：
<code>B5</code>
如何改变第二行的高度？
浏览 16提问于2020-03-14得票数 1
回答已采纳
我有一个D3树映射，并且希望在一个分离的<div>标记中包含一个使用javascript的下拉列表。由于某些原因，当选择一个选项时，D3树状图会发生更改。
我一直在绞尽脑汁想办法弄清楚，但没有运气。
我把它放在一个Fiddle 里
浏览 1提问于2015-06-05得票数 0
回答已采纳
1回答
如何在两个帧之间拆分一个帧？
、、、、
我在一个框架中使用网格布局，我想在这个框架中放置两个面板，其中一个占据框架大小的三分之一，另一个占据屏幕的三分之二，我该怎么做呢？
我试过了，但它对我不起作用：
代码：
this.setLayout(new GridLayout(2, 1));
Dimension d2 = new Dimension(2*this.getHeight()/3, this.getWidth());
Dimension d3 = new Dimension(this.getHeight() / 3, this.getWidth());
panel1.setPreferredSize(d2);
panel1.s
浏览 0提问于2015-10-29得票数 1
1回答
SVG D3图像大小调整问题
、、、、
我有一个使用d3创建的SVG图像。我希望将svg图像包含在其父div容器中。然而，svg超越了父div。下面是我的代码：
<div id="test" style="{width: 500px; height:500px;}">
<svg></svg>
</div>
<script>
var svg = d3.select("svg"),
width = +svg.attr("width"),
浏览 3提问于2017-11-29得票数 1
2回答
我想知道如何在c++中实现矩阵乘法的测试函数。有没有一个通用的方法，如何做到这一点？我知道它应该与逆有关，但我不确定如何正确地实现这一点。
假设这是我想要测试的乘法：
#include <stdio.h>
#include <stdlib.h>
//#include <stdint.h>
// ---------------------------------------------------------------------------
// allocate space for empty matrix A[row][col]
浏览 2提问于2014-12-18得票数 0
1回答
谁能帮我简单地理解什么是调试符号？什么时候使用它们。
如何确保我的iOS应用程序去掉调试符号。其他一些答案建议，在Targets>构建下，settings>部署> SET NO在复制过程中删除调试符号。
但是我只有调试和发布条目，两者都设置为NO。
1)我是否必须添加分发条目并将其设置为NO? 2)一旦将此项设置为0，如何确保剥除调试符号正在工作？
浏览 3提问于2013-08-22得票数 2
回答已采纳
我正在开发一个web应用程序来创建一些数据的可视化。
数据来自第三方，使用它们的API，并导入到我的数据库中。进口将是零星的，因此我的数据库将是相当静态的。
可视化将在JavaScript中使用动态创建。在考虑如何将数据从服务器传递(和格式化)到客户机时，我认为可以将其导出到.csv文件中，然后从javascript加载数据(d3有内置的csv解析器)。
这样，csv文件作为缓存系统加倍:它将重新生成(因此数据库查询)，只有当它比一周更老的时候。
我的问题是:在哪里以及如何保存生成的csv文件？STATIC_ROOT，MEDIA_ROOT，另一个硬链接目录？另外，你认为csv系统是个好主意吗？
浏览 3提问于2014-02-03得票数 0
回答已采纳
4回答
返回最大的三位数
、、
我必须写以下方法:它将返回由d1、d2和d3构成的最大3位数。d1、d2和d3都是个位数。
例如，threeDigit(3,2,9)将返回932。
以下是我到目前为止所写的内容：
public static int threeDigit(int d1, int d2, int d3){
if(d1>d2 && d1>d3 && d2>3)
return d1+d2+d3;
if(d1>d2 && d1>d3 && d3>d2)
return d1+
浏览 6提问于2015-09-27得票数 1
回答已采纳
1回答
我是D3的新手，我正在尝试在图例文本的左边设置一个符号。图例在图形的右边，图例的所有文本都被正确定位，但我无法在他们的左边找到与图例相对应的符号。
定位图例并尝试对符号执行相同操作的函数为：
setLegend(canvas, symbols, width, offset_right, height) {
canvas
.selectAll("legends")
.data(symbols)
.enter()
.append("text")
.attr("transform"
浏览 3提问于2020-05-20得票数 2
回答已采纳
如何在VBA中检索Excel工作表单元格的A1样式引用？我使用的是Access 2007 VBA。
例如，对于单元格MyWorksheet.Range("A1").Offset(2, 3)，返回值"D3“。
这似乎是一个很简单的问题。
浏览 2提问于2010-12-15得票数 1
回答已采纳
5回答
在下面的小提琴中：
如果窗口宽度发生变化，如何更改图形的宽度？
代码：
$(function () {
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
d1.push([i, Math.sin(i)]);
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
// a null signifies separate line segments
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
$.plot($("#place
浏览 0提问于2013-06-22得票数 13
回答已采纳
我想要可视化一系列的分层项目符号图。具体地说，我希望能够单击我的顶级类别项目符号图表，并让它们展开为子主题分解，每个子主题都有一个项目符号图表。
所以基本上，我想重新创建这个D3树示例：
但是让每个节点都是一个项目符号图，而不仅仅是一个圆：
我是一个全新的D3新手，所以即使看了示例源代码，我也不确定从哪里开始。
浏览 1提问于2012-07-17得票数 2
回答已采纳
1回答
在简单的react应用程序中，我有以下组件结构
<div id='app'>
<Navbar />
<Graph />
<Footer />
</div>
Navbar有固定高度80 has
页脚有固定高度40 has
图是一个d3包装器div，包含带有图元素的SVG。
如何将图形放进屏幕的剩余高度，使其始终占据屏幕的剩余高度？
如何在调整大小事件时更新包含d3包装器/SVG的react组件？
PS。因为我希望图形是响应的，所以我不应该硬编码SVG的宽度和高度。
是我试图解决这个问题的代码片段。
浏览 3提问于2017-11-02得票数 1
回答已采纳
1回答
我是用包装布局包装不同大小的圆圈。我有一组星系团要可视化。因此，我为每一组圆圈调用pack函数。在所有的d3例子中，直径要么用给定的尺寸计算，要么用固定的直径计算。我想根据要打包的圆圈数来计算它。那么，如何计算包装圆直径呢？有公式吗?这样我就可以在不浪费空间的情况下把圆圈打包了。
浏览 1提问于2014-08-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
