Tag: d3.js

在客户机上使用dc.js和服务器上的crossfilter

我正在为大数据集创build交互式可视化。 数据集由于其大小而无法在浏览器中加载。 我们在节点服务器上使用交叉filter来加载和过滤数据服务器端。 我想知道如果我能以某种方式耦合服务器端交叉filter与dc.js图表​​。 我现在正在使用d3.js创build图表，但是想要使用dc.js中已有的各种图表。 我们基本上是在服务器端过滤数据，然后在客户端监听图表的变化，并在服务器上执行适当的过滤，并通过AJAX进行通信。 如果有人可以build议一种方法来在dc.js客户端和交叉filter服务器之间合并一个类似的AJAX通信机制，这将是非常有帮助的。

如何在服务器端使用d3库（如c3.js）在nodejs中生成图表？

我正在尝试使用c3js生成图表，这是一个d3库，以便于制图。 我发现你可以使用普通的d3在服务器端使用jsdom生成图表，因为d3有一个npm模块。 这是我遵循这个过程的指南： http : //www.gregjopa.com/2013/11/render-svg-charts-server-side-with-d3-js/ 但是，nvd3或c3js没有npm模块。 如何在服务器端使用这些库来生成在客户端使用的图表？

UNMET PEER DEPENDENCY D3.js和Angular 2

我有一个现有的Angular 2项目，我正在尝试开始将一些D3.js集成到我的项目中。 我是Angular的新手，这将是我第一次使用D3。 我会按照这个教程： https : //keathmilligan.net/create-reusable-chart-components-with-angular-2-and-d3-js-version-4/ 我运行命令npm install –save d3 ，我得到： ├── UNMET PEER DEPENDENCY @angular/compiler@2.2.3 ├── UNMET PEER DEPENDENCY @angular/compiler-cli@2.2.3 ├── UNMET PEER DEPENDENCY @angular/core@2.2.3 └── d3@4.4.1 …然后 npm WARN @ngtools/webpack@1.2.1 requires a peer of @angular/compiler@^2.3.1 but none was installed. npm WARN @ngtools/webpack@1.2.1 requires a peer of @angular/compiler-cli@^2.3.1 but none was installed. npm […]

svg图像点播

我有JavaScript代码，当一个人登陆其中一个页面时，dynamic生成svg图像标签。 我使用d3库来帮助制作图像。 唯一的问题是，D3是不完全IE浏览器兼容，我想生成一个.png，JPG，GIF或任何其他图像文件基于SVG文件。 有没有一种已知的方法来做到这一点？ 服务器端代码是基于PHP的，我们使用node.js和render.js来处理大量的dynamic内容。

D3JS：如何将SVG文本转换为path？

有没有一种D3.js的方式来将文本元素转换为path元素？ 所以当我抓住生成的SVG，我可以保留我的文字形状。

计算字体字形的确切大小

我需要一种方法来查找相对于其边界框的字形的确切大小和位置。 我们使用D3.js创build一个标题，一个较小的字体和一个短的正文文本的SVG。 非常多这个： Lorem ipsum Lorem ipsum dolor Lorem ipsum dolor坐amet， consectetur adipisicing elit， sed做eiusmod tempor incididunt ut labore et dolore magna aliqua 正如在这个例子中，我需要文字左alignment，无论字体大小。 问题是它是alignment的每个行边界框，而不是字形。 这使标题看起来缩进。 如何计算边界框和字形之间的空间，以便我可以正确地alignment文本？ 一位同事坐下来，手动测量了英文字体，效果很好。 我们可以在Adobe Illustrator中做到这一点，但我们需要英文，中文和阿拉伯文字体的信息。 手工操作或多或less是不可能的。 我可以想出的唯一解决scheme是在canvas元素中键入每个字符，并映射每个像素以查看字形开始和结束的位置。 我认为最理想的是使用SVG字体path信息来find极值，这样我们就可以得到确切的数字而不是估计值。 我们的估计有一个很大的误差。 有没有办法做到这一点node.js？ SVG的一个例子是： <svg viewBox="0,0,1008,1424" height="1052px" width="744px" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(50,150)" class="container"> <g transform="translate(0,205)" class="textContainer"> <g fill="white" font-family="serif" font-size="" class="header"> <text> […]

D3库可以和Electron（Atom shell）一起使用吗？

Electron的网站表示，使用电子制作的应用程序可以访问节点模块。 他们可以访问D3库吗？ 如果是这样，怎样才能成立呢？

如何解决TypeError：d3.time是不确定的？

我想用D3.jsparsing数据/时间 为此，我创build了一个JavaScript文件并使用var d3 = require('d3') 。 我使用npm install d3来npm install d3 ，并尝试npm install d3 –save其保存在package.json文件中： { "name": "school", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "browserify": "^13.1.0", "bufferutil": "^1.2.1", "d3": "^4.2.2", "express": "^4.14.0", "guid": "0.0.12", "gulp": "^3.9.1", "react": […]

SVG到canvas与d3.js

有没有人在创buildd3.js可视化文件时尝试使用svgcanvas库？ 我已经尝试使用canvg.js和d3.js从android 2.3应用程序webview中将svg转换为canvas，但是当我调用： svg.selectAll(".axis") .data(d3.range(angle.domain()[1])) .enter().append("g") .attr("class", "axis") .attr("transform", function(d) { return "rotate(" + angle(d) * 180 / Math.PI + ")"; }) .call(d3.svg.axis() .scale(radius.copy().range([-5, -outerRadius])) .ticks(5) .orient("left")) .append("text") .attr("y", function (d) { if (window.innerWidth < 455){ console.log("innerWidth less than 455: ",window.innerWidth); return -(window.innerHeight * .33); } else{ console.log("innerWidth greater than 455: ",window.innerWidth); return -(window.innerHeight * […]

D3js：如何生成独立的SVG文件？ （的NodeJS）

给定一个D3js代码 ， 如 ： function () { var svg = window.d3.select("body") .append("svg") .attr("width", 100) .attr("height", 100); svg.append("rect") .attr("x", 10) .attr("y", 10) .attr("width", 80) .attr("height", 80) .style("fill", "orange"); } 如何使用我的D3js代码和NodeJS生成正确的独立* .svg文件？