2回答
这个展示了如何使用d3.js样式属性来改变圆圈的外观(填充颜色、笔画颜色、笔画宽度等)。
我可以使用样式属性设置d3.js圆圈的半径吗？
浏览 6提问于2016-05-17得票数 1
回答已采纳
1回答
我正在寻找一种方法来改变d3.js中不同类别的默认颜色。
我在主d3.js中找到了颜色的位置。只有一个类别是这样的：
var ml = [2062260, 16744206, 2924588, 14034728, 9725885, 9197131, 14907330, 8355711, 12369186, 1556175].map(yt)
我试着用从十六进制代码到HSL到RGB的所有东西来替换这些值，它永远不会产生预期的颜色。
有什么办法能为我想要的任何颜色生成合适的数字吗？
谢谢。
浏览 3提问于2014-11-05得票数 1
回答已采纳
3回答
我试图为d3.js热图的目的生成一个“连续”颜色列表。因此，我正在寻找一个函数，它输入一个起始颜色(比如十六进制中的红色)、一个结束颜色(比如十六进制中的蓝色)和一个整数(在中间生成的十六进制颜色的数量)，它作为列表的一种形式返回。
build_colors(start_color,end_color,nb_colors) -> list of colors
我不需要太复杂的东西(比如在黎曼感知空间的两个颜色端点之间的测地线上以恒定的速度采样)！
这可能相当容易，但我是javascript / d3.js和基本上所有网络技术的初学者。
浏览 0提问于2016-03-02得票数 3
回答已采纳
如何使用d3.js获得单一颜色的不同颜色？
例如：
colorScale('myId') => 'red'和colorScale(red)(10) => dark red & colorScale(red)(1) => light red.
浏览 0提问于2019-02-04得票数 3
回答已采纳
在D3.js中对节点之间的链接进行样式化时，可以更改链接的颜色。在下面的代码中，我使用了非常粗的链接，宽度为10，颜色为灰。
link = svg.append("g")
.
.
.
.style("stroke", "grey")
.style("stroke-width", "10px")
你们知道如何在一种方式的链接样式，以获得2种或更多的颜色为1链接？让链接看起来像彩虹？这意味着一个链接从链接的开始到链接的末尾有两种或更多的颜色。我只试着用D3.js，但没有用。有人知道CSS解决方案吗？
非常感谢!
浏览 6提问于2017-06-19得票数 1
回答已采纳
如何根据d3.js中的值数组将颜色传递给仪表图？
这是我引用的链接，我想根据动态数组值将不同的颜色传递给圆弧：
浏览 18提问于2017-08-16得票数 0
1回答
D3.js有没有标准/最佳的配色方案？我使用了一些颜色，但UI不太好。颜色组合不好。所以如果有什么事告诉我。
浏览 1提问于2013-04-22得票数 1
回答已采纳
3回答
这个填充函数是在哪里定义的？
、、、、
在本例中，
在第27行：
.style("fill", function(d) { return fill(d.packageName); });
fill()在哪里定义？我也没有在d3.js中找到它。即使包名不是颜色，也会分配一些随机的颜色。怎么会这样呢？
浏览 1提问于2012-04-07得票数 1
回答已采纳
我有一个SVG，需要按照数据填充，就像这个。我需要用不同的颜色填充手臂，用不同的颜色填充头部，用不同的颜色填充腿，所有这些都使用HTML、CSS和JavaScript。我正在使用它的角度，这也使用D3.js。有这方面的工作吗？
浏览 17提问于2022-05-26得票数 0
我有一个打包的圆圈图()，其中的圆圈在悬停时有一个黑色的笔触。我想要的是使用CSS属性mix-blend-mode: multiply来改变悬停时的圆形边框。
这是一个我想要的例子，当圆被选中时，或者当我们悬停在圆上时。笔触是填充颜色的较深阴影。我不想单独定义每个笔划颜色，因为它们是动态生成的。
我是否可以将此CSS属性与混合模式结合使用，以便只有笔画具有d3.js -blend-mode属性？请注意，我使用的是d3.js (d3.v4.min.js)的版本4。
浏览 18提问于2018-06-21得票数 0
1回答
我需要保存在画布上呈现的js动画，其中包含像d3.js之类的库。我做了第一次尝试，最大的问题是显示在视频中的颜色是错误的:背景是黑色的(而在渲染中它是白色的)，而且直方图的颜色也不同。我做错什么了？
浏览 4提问于2021-02-20得票数 0
2回答
我目前已经开始使用d3.js。如何在有向力图中对节点进行分组以给出不同的颜色？例如:父节点具有红色，而子节点具有蓝色。
浏览 2提问于2012-02-16得票数 1
我是D3.js的新手，我已经创建了一个图形力，并且它正在工作。我的疑问是关于两个节点之间的链接的颜色。
我需要在节点之间的链路上使用颜色来表示流量。但问题是，两个节点在链路上发送流量，为了表示这一点，我需要在同一链路上使用两种颜色。在情况下50%的链接与一种颜色和其他50%的其他颜色。有可能吗？
浏览 0提问于2015-01-15得票数 0
我只想用d3.js更新特定列的背景色，在我的例子中使用id="tr1id“
<table>
<tr>
<td id="tr1id">
One
</td>
<td>
Two
</td>
</tr>
</table>
这改变了两个tds的颜色。现在，我只想用id =
浏览 0提问于2018-07-25得票数 0
回答已采纳
1回答
我正在尝试用d3.js.The创建一个线条图，这个轴的颜色只有在运行时才可用，并且可以在大量的colors.It中变化，可以使用类来设置轴的颜色。
但是，由于我的图表所能采用的颜色范围很广，而且只能在运行时使用，因此使用此solution.Using call(yAxis).style("stroke",userColor)设置轴、标签和滴答上字体使用的颜色是不可行的，而不使用轴本身的颜色。
是否可以使用javascript动态设置d3.js轴的颜色？
浏览 1提问于2015-10-10得票数 0
回答已采纳
3回答
我不太熟悉D3.js SVG的样式，我创建了一个可折叠的树，并将提供一个选项来下载此树为SVG/PDF/PNG。这很有效，但是生成的文件的背景颜色总是透明的。有没有可能创建具有特定背景颜色的D3 SVG？我在我的工作中使用了这个例子：
谢谢!
浏览 0提问于2013-11-22得票数 47
回答已采纳
我已经用d3.js编写了一个脚本来显示条形图，该图表正在浏览器上显示，但是当我试图打印页面时，在打印预览中，我只看到图表上的文本，没有颜色和条形。
有人能帮我解决这个问题吗。我也想坚持打印出来的条形和颜色。正常使用Ctrl-P打印
浏览 2提问于2016-02-15得票数 3
回答已采纳
我在写D3.js的树形图。
当我将鼠标放在子矩形(图片=红点)上时，我尝试修改前面链接的颜色(在图片=蓝线上)。
当触发矩形上的悬停事件时，是否有访问链接路径的方法？
浏览 2提问于2021-06-24得票数 1
回答已采纳
1回答
我想知道是否有一个好的JS框架可以将区域地图转换为可绘制的地图。
例如，如果我有一个这样的地图，它用数字标识停车场，我想用红色标识占用的地块，用其他颜色标识空置的地块。
实现这一目标的最佳框架是什么？我看过D3.js，但它有太多的学习曲线，我们需要在svg区域上硬编码固定点。我正在寻找一个快速的替代方案，它可以是一个类似于图表的nvd3的D3.js包装库
浏览 2提问于2016-06-25得票数 0
我正在处理这个。我希望当我单击WeekView按钮时，它应该会更改条形图的颜色，以反映我的图例中相同的颜色。但出于某种原因颜色是不同的。
我不认为
var layer = svg.selectAll(".layer")
.data(stack);
layer.enter()
.append("g")
.attr("class", "layer")
.style("fill", function (d, i) {
return color(i);
});
layer.exi
浏览 4提问于2013-11-13得票数 1
回答已采纳
1回答
我在d3.js中有一个条形图，当一个函数被调用时，我想改变一个条形图的颜色。我有一个函数，当我调用它时，整个条形图会改变颜色。这就是函数中所写的内容：
d3.selectAll(".barD").style("fill", "orange");
这会改变所有条形图的颜色，这是非常符合逻辑的，因为所有的条形图都被分配为"barD“类。但是我怎么能只改变一个酒吧的颜色呢？我可以根据它的例如名称来分选一个条子吗？
浏览 3提问于2014-07-28得票数 3
回答已采纳
1回答
我是一个新手，使用d3.js根据用户选择创建多层过滤器图。除了分类颜色选择之外，所有的滤镜都在工作。颜色默认为流体类型(默认值应为材质类型)，使用单选按钮切换不起作用。有人能帮上忙吗？
function filter_color(){
colored = document.getElementById("color_Filter");
svg.append("circle")
.style("fill", function(d) {
if (colored == 0) {
浏览 0提问于2016-10-05得票数 0
1回答
我想做这样的事：
在d3.js。我可以很好地绘制甜甜圈图，但我在努力想如何在一个弧形内有多种颜色。有没有办法在同一弧线内绘制多个弧线，并将它们独立地进行样式设计？
浏览 1提问于2014-07-22得票数 1
回答已采纳
2回答
我一直在试验d3.js条形图，我想根据y轴的值来改变颜色，我该怎么做呢？我试着添加线性渐变，但后来我失去了对它的控制。
我正在编写的代码就是基于这个的：
浏览 2提问于2016-01-27得票数 5
回答已采纳
是否可以为每个轴标签创建具有不同颜色的d3.js径向图表？我试着用下面的代码来做，但是没有成功：
.style(function() {
for (var i = 0; i < unhealthyArray.length; i++) {
if ($.inArray(unhealthyArray[i], capitalMeta) != -1) {
return "fill","red";
}
else {
console.log("black &
浏览 3提问于2012-08-22得票数 2
回答已采纳
我正试图用d3.js构建一个气泡图。我要按日期填充我的泡泡颜色。我使用以下函数根据给定的日期生成颜色：
color = d3.time.scale().domain([new Date('2013-07-23'), new Date('2013-06-01')]).range(['#98E698', '#1E7B1E']);
在创建图形时，我称之为
.style("fill", function(d) {return colour(new Date("2013-07-8")); });
以上代码只
浏览 1提问于2013-07-24得票数 2
回答已采纳
我遵循这个“一个简单的d3.js地图解释”。我想制作一张地图，改变一个国家的颜色。
我简化了教程，只显示了这个中的地图
我想我可以通过topoJSON中找到的身份证来选择一个国家
{"type": "Polygon",
"id": 604,
"arcs": [
[133, -473, -448, -378, -374, -413]
]
},
我知道英国是"id"：826。我应该用身份证来改变一个国家的颜色吗?我该怎么做呢？
浏览 2提问于2016-03-08得票数 0
回答已采纳
1回答
晚上好，如何在div中平滑地更改背景不透明度(使用D3.js中的过渡)。如果我更改了不透明度属性，则会使块内容消失。如果我使用RGBA属性，在动画背景被重置为白色和新定义的颜色之前。
对不起，我的英语不好。
浏览 3提问于2014-07-04得票数 0
2回答
我有一个SVG元素-一个矩形。
现在，要对该元素进行颜色化，我使用与任何颜色一起工作的fill属性。
现在，我试图用这个属性给它一个条纹颜色。
fill: repeating-linear-gradient(-45deg, #cc2229, #ffffff 4px, #cc2229 2px, #ffffff 8px);
这适用于分配给background属性的普通DOM元素。
但是，它不适用于SVG元素。
我怎样才能做到这一点？
这就是我尝试使用SVG元素的方式(我使用的是d3.js)。
浏览 3提问于2014-12-16得票数 13
回答已采纳
1回答
用C3.js查询图表
、、、
我创建了一个包含大约10个条目的简单饼图(使用C3.js和D3.js)。现在，在第二个可视化(表)中，我想知道每个项目的颜色，以便在表中也表示它们。
是否可以查询图表以接收项目的名称和颜色
我知道我可以手动的项目，只是使用相同的颜色。但是，这在我的情况下是不适用的，因为饼图中的项在上差异很大(而且我还不知道它们，因为它依赖于用户)，因此我提出了一个问题。
浏览 2提问于2015-12-16得票数 1
回答已采纳
1回答
我对D3.js很陌生，所以我想知道如何使用d3.select()或d3.selectAll()从已加载的外部SVG中选择一些id。例如:我想选择一些国家，改变他们的颜色和边界，但不能让它在D3.js中工作。相关脚本：
var svg = d3.select("body").append("svg")
.attr("width", 2048)
.attr("height", 982)
.style("fill", "tra
浏览 4提问于2014-05-27得票数 1
回答已采纳
我正在尝试重新创建示例。
每当一个轴被刷，我想用颜色的变化来突出那个特定的轴。
我该怎么做？
下面是我试图实现的一个屏幕截图：
我对D3.js没有太多的经验，所以任何帮助都是非常感谢的。
提前谢谢。
浏览 0提问于2018-09-10得票数 1
回答已采纳
8回答
我正在使用d3.js构建饼图，并可视化一个大数据集。有更多的137个项目，在图表上可视化。我有10颜色使用这个函数。
d3.scale.category10().range()
通过探索其他选项：
d3.scale.category20().range()
var chart = nv.models.pieChart()
.x(function(d) {
return d.key
})
.y(function(d) {
return d.y
})
.color(d3.scale.category10().range())
浏览 4提问于2013-12-30得票数 22
我有一个d3.js图，它是由一系列对象组成的，例如：
svg.selectAll(".circ").data(dataArr) // dataArr is my array of objects
.enter().append("circle")
.attr("cy", function (d) {
return d.y
})
.attr("cx", function (d) {
return d.x
})
.attr("r", ele
浏览 3提问于2014-06-27得票数 1
回答已采纳
学习D3.js已经几周了。我要回去清理我的一些代码，使它更有效率。我有一个成对的条形图，鼠标上的一个工具提示是生成的。工具提示中的标题与特定条形图的颜色相匹配。
这就是被破坏的效果。但是，我正在静态地设置颜色数组中的颜色：
d3.select("#tooltip")
.select("#keyword")
.style("color", colors[0][2])
.text(d.keyword);
我假设可以让它选择当前条形图的颜色&将其应用于鼠标上方的工具提示中。这是怎么设置的
浏览 2提问于2013-04-30得票数 1
回答已采纳
2回答
我一直在拼命地试图改变我用nvd3.js绘制的图表上的标签文本颜色-它们是用黑色绘制的，但我需要它们是白色的，因为它们包含在页面上的颜色。
我正在使用nvd3.js版本1.1.15BETA和d3.js版本3.3.13，通过angularjs-nvd3-directives版本0.0.7集成到我的AngularJS应用程序中。
有没有人对如何实现这一点有什么建议？
谢谢。
浏览 0提问于2014-07-04得票数 7
回答已采纳
我使用d3.js向mouseOver()和mouseOut()事件上的一组元素添加和删除类。我希望将类设置为"isHovered“，并将我要更改的属性的值设置为相对于元素的当前值。如下所示： function handleMouseOver(d, i) {
d3.selectAll('.classToSelect')
.classed('isHovered', 'true');
};
function handleMouseOut(d, i) {
d3.selectAll('.cl
浏览 25提问于2021-09-16得票数 1
回答已采纳
我正在研究D3.js，我有一张有线条和节点的地图。当我用鼠标对他们时，我希望他们改变颜色，变厚，我想要一个小的弹出窗口，显示他们的I。在弹出的HTML上，有一个onmouseover函数。第一个问题: javascript中有类似onmouseover的功能吗？第二个问题:当鼠标在特定的节点或线上时，我有没有办法改变颜色，使线或节点变厚。(如果在JQuery中有一种方法，我可以使用JQuery)
浏览 1提问于2016-03-10得票数 2
回答已采纳
1回答
从过去的几天开始，我一直在D3.JS库中搜索。它的确是一个伟大的可视化图书馆。
我用力有向图来表示社会网络的数据。到目前为止，天气还不错，但不同颜色的不同群体正在聚集在一起。
我想要做的是为每个节点定义不同的集群。所以同样的颜色节点聚集在一个集群中。
我怎样才能做到呢？
我当前的有向力图看起来像
浏览 7提问于2014-04-16得票数 2
回答已采纳
通过一起工作，我的意思是我可以将角度绑定放在D3.js代码中，也许
.attr("bind-attr.fill", "aColorVar")
其中aColorVar是一个变量，也可以以角度的方式绑定到颜色控件。
不幸的是，使用$compile，我可以在Angular1中做类似的事情。当SVG用作组件模板时，我可以绑定SVG属性。
浏览 1提问于2016-02-24得票数 3
编辑:我有一个用d3.js制作的SVG图。图形的填充区域由CSS规则着色。我希望这些区域是半透明的，这样你就可以看到被最前面的图形区域遮挡的数据。
原件：
有没有办法让这张图的颜色变得透明？我希望能够看到绿色数据的背后。
谢谢
浏览 0提问于2013-07-08得票数 20
回答已采纳
因此，我正在使用d3.js Sankey图。
在 (如上图所示)中，颜色是使用
var color = d3.scale.category20();
每个节点都有一个矩形，该矩形是通过更改样式填充的：
.style("fill", function(d) {
return d.color = color(d.name.replace(/ .*/, ""));
})
我正在寻找关于使用自定义颜色的建议。如果我只想使用6种颜色，但根据.json文件中的一个值选择节点的矩形颜色。
例如，假设我想显示一张NFL球队的简明图表。每种颜色代表球队所在的分区
浏览 2提问于2012-10-22得票数 6
回答已采纳
我用dimple.js绘制了条形图。我的图表包含不同数量的堆栈，我已经按我自己的顺序订购了它。如何将特定颜色赋予图形的顶部堆栈，是否可以将特定颜色赋予图形中的特定堆栈？
例如：
var data = [{
"Brand":"A",
"Day":"Mon",
"SalesVolume":10 },
{
"Brand":"B",
"Day":"Mon",
"SalesVolume&#
浏览 0提问于2015-10-05得票数 1
回答已采纳
我正在工作中的一个项目，从一个使用D3.js的CSV文件的表中获取值(一年内目录的毛利润)。
这个想法是，当一个数字在CSV文件中被更改时，html格式将在刷新时更改为新值。今天，我们制作了$xx.xx数量(在CSS中应该是一个样式颜色为绿色)，但是第二天我们就生成了-$xx.xx (因为我们是负的，所以这个值将是一个红色的样式)。
更新的
这是新的代码，用于更多地控制哪些表将在负或正的情况下进行文本颜色的更改：
$( document ).ready( function() {
$( '#tableTwo tr' ).each(function() {
$( this
浏览 3提问于2016-08-16得票数 2
我试图使用python来使用networkx和matplotlib输出力图的PNG。以下是当前的样子：
节点重叠较多，边缘长度很短，簇非常稀疏。
如果我使用d3.js (忽略不同的颜色、边缘权重和箭头，而不是试图复制的)来可视化相同的图形，会发生什么情况：
正如您所看到的，这更“清晰”，视觉上更吸引人，因为节点的间距更好，集群更靠近，留下的空白更少。
尽管阅读了这里所能找到的每个主题，并尝试了几十次具有节点大小、图形大小、边缘权重和边缘length属性的迭代(这似乎什么都做不到，但可能是因为它是一个任意的属性)，但我无法使matplotlib图看起来像d3.js图，即使这两
浏览 9提问于2018-01-13得票数 4
回答已采纳
我一直在使用d3.js -可折叠力布局图的模板：
不同枝叶的叶节是否有不同的颜色？
我的猜测是，它可以通过修改“函数颜色(D) {}”来实现，并为具有不同组号的孩子分配不同的颜色。然后在json中向儿童添加组号。文件。？我可能也错了。
function color(d) {
return d._children ? "#3182bd" // collapsed package
: d.children ? "#c6dbef" // expanded package
: "#fd8d3c"; // leaf node
}
我
浏览 3提问于2016-01-10得票数 1
回答已采纳
我用线发生器在d3.js中画了这个形状--这个想法是让它看起来像一个指南针。
左图:我有什么？
右图:我想要什么(只是中间的红色/黑色，而不是整个指南针)。
我以前做的是：
function drawArrowCompass() { //draw arrow
var dataArrow = [
[35, 50],
[50, 0],
[65, 50],
[50, 100],
[35, 50]
];
var lineGenerator = d3.line();
var pa
浏览 3提问于2019-06-22得票数 2
回答已采纳
1回答
我仍然是D3.js的新手，目前我已经使用D3.js完成了这个项目。 我可以问一下如何将色标转换为图像吗？节点和图例是相关的，节点颜色基于图例。 这是我的JSON。 "colourScale":"d3.scaleOrdinal().domain([\"Low\",\"Medium\",\"High\",\"Very High\"]).range([\"#009a44\",\"#eaaa00\",\"#f68d2e\",\"#bc204b\"])
浏览 15提问于2020-01-31得票数 0
回答已采纳
1回答
我有大约1000条线路。我将在从用户那里接收到他想要多少个集群的输入后，将它们作为集群。我想给每个集群赋予新的颜色。我不想手动为这1000行中的每一行指定颜色。
样本代码：
var material = new THREE.LineBasicMaterial({ color: new THREE.Color("rgb(0, 102, 153)" // color: chroma.limits(data, 'e', 1)) });
我想要自动选择新的不同的rgb颜色，同时为每个集群中的每一行创建一个for循环中的材料。
我有一个用d3.js标尺的解决方案。但这只限
浏览 0提问于2017-03-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
