2回答
具有D3.JS经验的开发人员能否指出在实践中哪些特定的浏览器和浏览器版本级别最容易支持D3.JS库？
是否有已知与特定浏览器和浏览器版本级别不兼容的D3.JS“组件”列表？
D3.JS网站建议：
D3支持所谓的“现代”浏览器，这通常意味着除了IE8和下面的所有东西。D3是针对火狐、Chrome (Chrome)、Safari (WebKit)、Opera和IE9进行测试的。D3的一些部分可以在旧的浏览器中工作，因为核心D3库的要求非常低: JavaScript和W3C DOM。对于IE8，建议使用兼容性库Aight。D3使用选择器API级别1，但您可以预加载Sizzle以实现兼容性。您将需
浏览 7提问于2013-03-01得票数 42
我已经找到了以下资源，可以或多或少地直接使用Illustrator的SVG导出器用于WebGl和three.js和d3。
所有这些资源最终都不会有助于直接使用Illustrator中的SVG和three.js和d3。
我需要的要么是：
一种利用three.js和d3直接使用插图中SVG的方法
一种转换方法，用于将SVG (也是多路径组)从Illustrator格式转换为适用于three.js和d3的东西。
把它想象成:用户上传他的svg徽标，并得到一个3D预览。
手动重新格式化Illustrator并不是一个选项，所以我希望您可以向我介绍一些有用的资源来解决不兼容问题。
浏览 3提问于2014-11-07得票数 1
我在一个角7.1.4项目中使用d3.js。我使用的d3版本是5.9.1，这是目前为止的。
我使用npm 安装了这个
npm install d3
它把"d3": "^5.9.1"放在我的package.json文件中。
我还通过npm使用命令@types/d3安装了npm install @types/d3，并将"@types/d3": "^5.7.1"放在了package.json文件中。
使用@types/d3依赖项，我将d3导入到类型记录文件中，如下所示：
import * as d3 from "d3";，
浏览 1提问于2019-02-28得票数 1
回答已采纳
1回答
我理解导入语句传递到模块的只读绑定，我猜它取决于模块加载器，但是它是否可以使用ES6模块导入、修饰和再导出？
例如，当使用rollup.js时，这会失败。
test.plugin.js
import * as d3 from 'd3'
d3.ui = {test: 1};
export default d3;
index.js
import * as d3 from 'd3'
import './src/test.plugin'
汇总错误..。
Illegal reassignment to import 'd3'
浏览 1提问于2017-04-01得票数 4
回答已采纳
3回答
脚本的ES6导出
、、、
我在React中使用了D3 v5，并且有一个使用v3的可视化。我正在为v5使用npm模块，但对于v3，我试图导入用于可视化的D3。
在我的部分，我有：
import * as d3 from './lib/d3/v3/d3';
在d3文件夹的d3.js中，缩小的v3 d3脚本：
const d3 = !function(){function n(n){return n&&(n.ownerDocument||n....
export default d3;
butI得到以下错误：
编译失败。
./src/components/d3/NetworkTopology
浏览 0提问于2018-11-07得票数 0
回答已采纳
我反复收到这条消息，并试图将d3.js包含到我的分发文件中。
将“D3.js”视为外部依赖
我试过用这个插件
import includePaths from 'rollup-plugin-includepaths';
var includePathOptions = {
paths: ['node_modules/d3/d3.min.js'],
include: {
d3: 'd3'
},
};
我遗漏了什么？
浏览 3提问于2016-07-28得票数 19
回答已采纳
2回答
寓言D3地图样本
、、
我正在尝试运行一个寓言，我看到它需要一个浏览器。当我试图
npm run build
在d3文件夹下编译
npm run build
> @ build C:\...\d3
> node ../node_modules/fable-compiler
fable-compiler 0.7.50: Start compilation...
Compiled fable-import-d3\Fable.Import.D3.js at 03:00:47
Compiled d3\d3map.js at 03:00:48
Bundling...
Bundled out\bundle.js
浏览 8提问于2017-04-26得票数 1
回答已采纳
设置
示例/lib/d3/d3.js
例/src/scatterPlotVersion3 3/index.html
示例/css/styes.css
http-服务器()
index.html
<link rel="stylesheet" type="text/css" href="../../css/styles.css"/>
<script type="text/javascript" src="../../lib/d3/d3.js"></script>
浏览 0提问于2014-05-22得票数 3
3回答
我正试图在我用Nuxt构建的一个应用程序中实现D3。我已经成功地将它导入到<script>部分的import * as d3 from 'd3'视图中，但是，由于缺少浏览器，应用程序正在呈现服务器端D3的功能无法工作(即d3.select(...))。在中，它提出了一种仅用于客户端的外部插件模式：
module.exports = {
plugins: [
{ src: '~plugins/vue-notifications', ssr: false }
]
}
我试图在我的项目的nuxt.config.js中实现该模式：
modul
浏览 10提问于2017-05-22得票数 14
2回答
我正在使用作为起点进行一个React项目。我正在尝试将D3集成到我的项目中，但我很难让D3工作。
是我目前的项目。我已经在d3-2.js中创建了一个React组件，并将其导入到App.js中，但它无法工作。D3似乎又回来了，没有定义。
这里的其他帖子提到了从‘’导入d3 *作为d3。我试过了，但还是没有用。
这是不是在webpack的档案里设置的问题？我通过npm安装d3安装了--保存，并且它在我的package.json文件中。
知道该怎么做吗？
浏览 0提问于2018-02-05得票数 0
我正在尝试将d3Plus示例代码()包含在我的webapp应用程序中。
骨架代码
angular.module('UI', ['UI.controllers', 'UI.directives']);
angular.module('d3Plus', ['d3']);
angular.module('d3', []);
angular.module('UI.controllers', []);
angular.module('UI.directives', ['
浏览 13提问于2014-12-05得票数 1
1回答
嗨，我的主应用程序(html页面)在amd模式下使用dojo。我想创建一个引用d3库的模块来创建一些图表。我在创建这个模块时遇到了困难--到目前为止，对于这个模块(一个javascript文件)，我得到的是：
define(["d3"], function (d3) {
return {
setd3ChartData: function () {
//this function can be called from my main app
//but d3 isnt linked to the d3 js
浏览 1提问于2014-05-07得票数 1
我有一个独立的Vbox设置与hortonworks沙箱。我有一个名为“mytable”的HBASE表和列族“cf”。REST服务已经启动，我可以通过ssh到127.0.0.1地址将数据以Base64编码格式以JSON的形式获取。在使用D3.js可视化这个JSON方面需要一些帮助。我应该使用什么url来通过rest将编码的JSON提取到D3文件中。有人能指出一个简单的例子吗。
浏览 8提问于2015-01-30得票数 1
回答已采纳
我的angular2项目在使用angular2时遇到了问题。我不断地收到诸如“时间没有定义”或“时间不是D3类型的属性”之类的错误。
我通过npm安装了d3，并为它安装了类型：npm install d3 --save。在我的组件中，我有import * as d3 from 'd3';，它能够很好地找到库。
我尝试过在角-cli.json中添加"addons": [{ "d3" : "vendor/d3/build/d3.js"}], packages": [{ "d3" : "vendor/d3
浏览 3提问于2016-11-01得票数 0
回答已采纳
2回答
我正在开发一个应用程序，该应用程序将进行统计计算，然后用D3.js显示结果数据。
在大多数情况下，通过将实际计算传递给，我可以避免阻塞UI。
计算完成后，数据点将被排序为，并以d3.js显示。使用WebWorker中的DOM元素是非常困难的(WebWorker)，尽管工作人员本身无法与DOM交互。不过，我还是想避免那样做。
假设我有大约100万个数据点，这些数据点将使用d3进行排序和显示。当js执行此任务时，如何避免UI冻结？
a idea，在某种程度上起作用：
d3代码如下所示：
d3.select ...
.sort ...
.enter ...
.attr ...
.attr ...
.
浏览 10提问于2017-07-11得票数 1
在react项目中，我想使用一个纠缠在一起的树形图，比如-
我怎么使用它？既然D3是开源库，那么上面的示例代码也是开源的吗？
我是D3的初学者。到目前为止，1.安装了D3库和npm install d3 --save 2.创建了D3 basic条形图来检查d3是否正常工作
而不是条形图，希望使用上面共享的纠缠树可视化。但它似乎使用了由observablehq生成的最小化的runtime.js。
BarChart.js
import React from 'react';
import * as d3 from 'd3';
import { Runtime,
浏览 70提问于2020-05-19得票数 0
回答已采纳
你能用d3解释一下吗？
var nodes = cluster.nodes(packages.root(classes)),
links = packages.imports(nodes);
我似乎找不到关于packages.root和packages.imports的正确信息。我想我知道代码在做什么。
这来自d3示例中的bundle-radial.js。
浏览 2提问于2012-07-21得票数 1
回答已采纳
我正在用nodejs编写一个javascript应用程序，并注意到一些奇怪的事情。我正在将d3选择传递给一个函数(示例)
// mymodule.js
exports.myfunc = function(ele){
if(ele instanceof d3.selection){
// do something
} else {
// throw error
}
}
// main.js
mymodule = require('mymodule');
var ele = d3.select('#myElement');
mymodu
浏览 52提问于2018-01-11得票数 1
回答已采纳
1回答
我对d3非常陌生，我想用d3数据集绘制一个合唱图，所以如果必须比较路径的类到我的数据集。到目前为止，我确实找到了这条路
html
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="/d3map/da
浏览 4提问于2016-12-02得票数 0
回答已采纳
我安装了D3和d3-force-attract
npm install @types/d3 -S
npm install -S d3-force-attract
尝试弄清楚导入d3是如何吸引人的，因为它不是typescript模块，而是d3模块。
这是错误的
import * as d3 from 'd3';
import * as d3 from 'd3-force-attract';
给出了以下错误
src/Program.ts(4,13): error TS2300: Duplicate identifier 'd3'.
src/Prog
浏览 0提问于2018-04-08得票数 2
我在Shinys ui.R中包括了这样的Shinys ui.R：
tags$body(tags$script(src="someJs.js"))
在我的someJs.js中，我有一个函数
function someFunc1() {
....;
}
... some more code ...
console.log(variable1);
console.log是函数soemFunc1()的外部的。当我启动应用程序并查看控制台时，我得到
console.log()不是函数。
为什么会这样呢？
我还将d3加载到头部tags$head(tags$script(
浏览 4提问于2016-09-14得票数 1
我正在编写一份结合了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 (版本4)时出错了。它基本上是x轴上的一个时间轴，用来可视化文档。我有一个主函数，它在每次缩放/画笔事件上都会被调用。它过滤和更新数据，并使用d3 enter/ update /exit来更新SVG元素。
当缩放/刷了一段时间后，D3就会崩溃，并在循环中显示以下错误。这也是随机发生的。
node_modules\d3\build\node_modules\d3\build\d3.js:4250 Error: <g> attribute transform: Trailing garbage, "…41797761907139, 7.355272223
浏览 0提问于2017-10-25得票数 3
回答已采纳
1回答
尝试在我的项目中使用d3.js，但在导入模块d3时遇到错误“找不到模块d3”
import * as d3 from 'd3';
Package.json
"dependencies": {
....
"d3" : "4.1.1"
},
systemjs.config.js
var map = {
'app': 'appScripts', // 'dist',
'@angular': 'libs/@angular',
浏览 2提问于2016-07-26得票数 1
回答已采纳
我已经将d3.js从3.5.3更新到了3.5.4。自从上次更新以来，我得到了下面的错误。不过，代码可以在3.5.3版本上运行。
D:\softwares\nodejs\node_modules\d3\d3.js:562
return n.querySelector(s);
^
TypeError: Cannot call method 'querySelector' of undefined
at d3_select (D:\softwares\nodejs\node_modules\d3\d3.js:562:14)
at Object
浏览 1提问于2015-02-09得票数 2
2回答
在角2.0.0-rc.4应用程序中导入和使用D3的正确方式存在许多差异。我见过：
1)要添加到根index.html文件：
<script src="https://d3js.org/d3.v4.min.js"></script>
然后使用：
Import * as d3 from 'd3';
在我想要实现D3可视化的任何组件文件中。
2)利用国家预防机制：
npm install d3 --save
typings install d3 --save
然后仍然使用：
Import * as d3 from 'd3';
尽
浏览 1提问于2016-07-12得票数 14
回答已采纳
我目前正在开发一个Rails应用程序，它大量使用了一些javascript库，包括jquery、backbone.js和d3.js。对于jquery，有，对于backbone，我们有。但对于d3.js来说，没有这样的东西。
我把d3从d3.js复制到我的存储库，这对我来说有点不干净，因为当javascript更新时，我必须再次复制它(我必须注意，javascript更新了！)。我考虑过git子模块，但每次签出存储库时都必须手动拉出它们。有没有办法让bundler检查特定版本的d3存储库？
如何在rails中更新第三方javascript库？有没有更好的方式？
浏览 0提问于2012-02-18得票数 5
回答已采纳
1回答
我正在与一个小组合作，构建一个交互界面，它将呈现一个节点列表，并展示它们是如何连接的，就像一些数据库建模人员的情况一样。这是在一个预先存在的应用程序中，我们将有多达几千个数据点可以被拖动。
有些人提到使用画布元素或包(如Konva.js或D3 )。我想知道像使用画布或React这样的选项是否能够处理这样的事情，或者我们是否需要使用类似D3之类的替代方案。有人对此有任何经验或知识吗？
浏览 0提问于2021-07-28得票数 0
回答已采纳
我使用的是一个DC.js lineChart，我添加了一个带有d3提示的工具提示，但是当我激活它时，lineChart中的点不会消失，就像图像中的那样。
我的d3小费怎么了？
浏览 5提问于2017-06-06得票数 0
回答已采纳
2回答
用MeanJS连接D3
、、、
我正在尝试使用框架让d3和angular协同工作。我用过很多D3，但对meanJS和angular来说还是个新手。最佳实践似乎是将d3代码放在指令中。我已经创建了一个名为customers的CRUD模块，因此我使用以下命令：
yo meanjs:angular-directive mus-example
这已经生成了指令文件，将其连接起来，并为我提供了以下代码(除了我添加的注释)：
'use strict';
angular.module('customers').directive('musExample', [
function() {
浏览 0提问于2014-12-21得票数 0
我使用的是d3 4.12.2版和eventDrops.js，我的代码是
<html>
<head><title>asdasd</title>
<script src="./d3.js"></script>
<script src="./eventDrops.js"></script>
<script lang="javascript">
function test() {
va
浏览 10提问于2018-01-22得票数 0
我对node和express非常陌生，并且正在尝试将一些d3可视化工具集成到我的网页中。基本上，我有一个生成所有d3内容的js文件，然后我将它们包含在我的.ejs文件中。 我正在尝试使用d3完成过去的一个项目，并尝试将我的csv文件导入到我的d3 js文件中。但是，我得到了这个错误 “无法加载模块脚本:服务器以"text/csv”的非JavaScript MIME类型响应。 这是我的设置： // user-influence-viz.js
// this line gives error, worked in a past project that didn't use
浏览 17提问于2020-08-13得票数 0
回答已采纳
1回答
我是SVG.js和javascript的新手，我在浏览的文档时遇到了一些问题。
Usage
Create a SVG document
Use the SVG() function to create a SVG document within a given html element:
var draw = SVG('drawing').size(300, 300)
var rect = draw.rect(100, 100).attr({ fill: '#f06' })
因此，我假设他们希望我们调用一个函数，所以我在Three.js中得到的结论是，我需要
浏览 4提问于2014-05-05得票数 0
1回答
我正在尝试使用d3 (之前以某种方式成功完成了吗？)在节点中。所以我照做了
npm install -g d3
效果很好。让我们检查一下：
$ npm list -g d3
/usr/local/lib
└── d3@3.4.13
太棒了。让我们确保我的包是正确的：
$ grep name /usr/local/lib/node_modules/d3/package.json
"name": "d3",
太棒了。所以试着要求它：
$ node
var d3 = require('d3');
Error: Cannot find mo
浏览 3提问于2014-11-15得票数 2
1回答
这是How to set up rollup.js with a d3 plugin?的后续问题。 我有一个小的虚拟模块foo.js： //.src/foo.js
import * as d3 from "d3";
export default function() {
return d3.select("body").append("div").text(42);
}; 和一个index.js： export {default as foo} from "./src/foo"; 我可以使用以下rollup.config
浏览 16提问于2020-12-27得票数 0
回答已采纳
4回答
有角的D3
、、、
我试着在D3中使用角-cli。之后
typings install d3 --save
npm install d3
我在node_modules
在typings文件夹中
angular-cli-build.js
module.exports = function(defaults) {
var app = new Angular2App(defaults, {
vendorNpmFiles: ['d3/d3.js']
});
return app.toTree();
};
index.html
System.config({
pa
浏览 3提问于2016-04-16得票数 1
0回答
如何在angular2项目中导入d3js？我使用npm安装了d3js，并将d3js添加到了我的systemJ中，但是它给出了traceur.js错误。我也尝试在脚本中使用最新的cdn，并做了import * as d3 from 'd3';，但找不到模块。
SystemConfig.js，此设置给我traceur.js错误
var map = {
'd3': 'node_modules/d3'
};
var packages = {
'd3': {main: 'index.js'},
};
浏览 22提问于2016-07-12得票数 1
我一直试图将d3 sunburst序列分区更新为d3 V4，如下：
地址：
我已经切换了它的大部分，它主要是工作，但它打破了鼠标保存功能。我得到的错误是: d3.js:7616隐式TypeError: callback.call不是一个函数
function mouseleave(d) {
d3.select("#trail")
.style("visibility", "hidden");
d3.selectAll("path").on("mouseover", null);
d3.selectAll(
浏览 2提问于2016-09-22得票数 0
回答已采纳
我正在使用d3js为我的项目在角CLI。我已经成功地将d3js集成到了这个项目中。为了执行我想要创建的内容，我需要刻度方法。然而，D3js 4.0已经被分成了小型库，似乎每个库都必须单独集成到项目中。在这里您可以看到npm安装d3的结果
我尝试过像这样导入d3和d3：
angular-cli-build.js
vendorNpmFiles: [
'systemjs/dist/system-polyfills.js',
'systemjs/dist/system.src.js',
'zone.js/dist/**/*.+(js|js.map)
浏览 2提问于2016-07-13得票数 1
我已经在使用Angular7和d3.js了。现在，我想使用d3-graphviz(https://www.npmjs.com/package/d3-graphviz)或viz.js(https://github.com/mdaines/viz.js)或其他工具来显示点图。 这些方法都不起作用。我在网上找不到任何线索。现在我需要一些辅助如何让它在我的应用程序中运行。 例如：-what npm包？-which配置？(angular.json，标记或只是“导入为..”)-和/或一个小的工作示例，如： d3g
.graphviz(d3.select(this.svg.
浏览 26提问于2019-07-03得票数 0
嗨，我是angular 2的新手。我正在尝试使用angular cli将d3库注入到angular 2中。我使用npm install d3安装了d3。我点击了链接
我跟着这些步骤走
‘我的angular-cli-build.js。
require('angular-cli/lib/broccoli/angular2-app')；Angular2App = var
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
'systemj
浏览 0提问于2016-05-21得票数 0
1回答
我想从unpkg.com导入d3，但我不确定应该导入哪个文件。unpkg的等价物是什么： import * as d3 from "d3";
浏览 27提问于2020-04-01得票数 1
回答已采纳
1回答
我目前正在编写一个。但是，我想将这个插件称为全局d3的属性，如最初的示例：d3.foo()，但是当我这样做时，我的汇总配置会导致d3引用的冲突。
下面是一个很小的示例(只有一个文件)来说明:我下载了d3插件的原始示例，并稍微修改了源文件foo.js：
//.src/foo.js
import * as d3 from "d3";
export default function() {
return d3.select("body").append("div").text(42);
};
这是我的插件。它使用d3函数(d3.select()
浏览 2提问于2020-02-29得票数 0
回答已采纳
1回答
我一直在引用一个示例，目前我正在试图了解d3.js如何在IE8上工作。我复制了屏幕教程中的示例代码，并将同样的代码放在我的应用程序中。基于 of d3，我尝试在Rails应用程序和中包括(aight.js和aight.d3.js)。但是，当我尝试在IE8上点击一个示例url /companies/company_division时，什么都没有显示出来。它在Chrome和Firefox上运行得很好。
据我所知，aight.js在WRTIE8浏览器的功能上可能有有限的支持。是因为这个原因，我的d3图形没有出现在IE8上，并显示在其他浏览器上，还是与我的代码有关？
我的在github上。谁能告诉我万
浏览 2提问于2013-08-28得票数 0
回答已采纳
我一直在尝试在Node.js中调用D3。我先试着用script标签从D3的网站导入d3.v2.js，但后来读了这个帖子：
其中d3的作者建议应该'npm install d3‘...我这样做了，我可以在节点控制台中成功地调用它：
dpc@ananda:$ node
> var d3 = require("d3");
undefined
> d3.version;
'2.8.1'
但是，当尝试使用'node app.js‘从app.js调用它时，我得到：
node.js:201
throw e; // process.nex
浏览 2提问于2012-03-31得票数 44
回答已采纳
基本上，我有以下数据结构：
enum Value {
Scalar(f64),
Vector3((f64, f64, f64)),
}
struct Data {
attribute: Value,
}
使用/进行序列化可以得到以下结果
{
"attribute": { "Scalar": 1.0 }
}
{
"attribute": { "Vector3": [ 1.0, 2.0, 3.0 ] }
}
反序列化可以按预期工作。但是，是否可以将以下代码反序列化为相同的数据结构？
{
浏览 3提问于2021-03-13得票数 2
1回答
我为generateChart得到了一个不知名的generateChart。
我在Chart.js中定义了Chart.js，这是在require.config.js中引用的。
我对javascript很陌生，所以这是一个New蜜蜂的问题。
这是我的代码：
主html文件：
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<p id="example">
<script src="js/require.config.js&#
浏览 2提问于2016-01-29得票数 1
回答已采纳
1回答
我试图在我的模块中使用d3.js，但我面临一些问题。
我将D3模块安装在sites/all/modules/d3/中，d3.min.js安装在sites/all/libraries/d3/中，我可以看到d3/示例。
现在，我在我的定制模块中有了一个js脚本，应该使用D3，但是我没有加载它。下面是我加载库的尝试：
drupal_add_library('d3','d3');
# retrieve some data as JSON
$setting = mymodule_load_data($param);
# create the render array
$c
浏览 0提问于2018-04-03得票数 0
回答已采纳
我正在使用React js来检索数据。
图表文件位置:/ Data.csv /data.csv
=日期| id |No.2021-Jan-2|1|3 2021-Jan-3 |3|1 2021-Jan-4 |4|4 2021-Jan-5 |2| 10 2021-Jan-6 |6|7
图表文件位置:/ Practice.js /Practice.js
我已尝试从csv文件中检索数据，并在浏览器中查看。
以下是我尝试过的方法：
import React from 'react';
import * as d3 from 'd3';
const Practice =
浏览 14提问于2021-03-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
