Tag: d3.js

我如何添加依赖到我的脊柱应用程序？: 我正在尝试使用d3（使用Spine.app生成）创build一个新的脊柱JavaScript应用程序。我尝试了以下内容：编辑slug.json，并将“d3”添加到依赖项数组中。运行“npm install”。运行“下摆造型” 赫姆抱怨说： node.js:134 throw e; // process.nextTick error, or 'error' event on first tick ^ Cannot find module: d3. Have you run `npm install .` ? 我已经尝试手动添加d3到package.json，我已经尝试使用“npm install -g d3”手动安装d3。但我仍然得到同样的错误。任何指针？我如何添加依赖到我的脊椎项目？

Nodejs + Rickshaw：src =引用不起作用: 我正在试图制作一个应用程序来生成Twitter字数统计的“实时”图表，基本上是试图在第24章的NodeJS中进行扩展和练习。我决定使用“人力车”，我想我只是简单地得到一个简单的例子工作。但是，虽然我可以得到一个简单的HTML页面加载，我不能得到一个graphics显示。 Firefoxdebugging指出：“ReferenceError：人力车没有定义[Break On This Error] graph = new Rickshaw.Graph（{”。这意味着有一个引用错误，但经过几个小时的search和阅读，我不目录结构是正确的; npm正确安装所有模块，没有错误。任何人都可以看到我失踪的东西吗？注：我是JS / Node的新手，虽然本书在Express 2.x中工作，但我一直在使用Express 3.x，所以不知道在所有情况下翻译是否正确。代码如下：的package.json { "name":"socket.io-twitter-example", "version": "0.0.1", "private": "true", "dependencies": { "express": ">=2.5.4", "rickshaw": ">=1.1.0" } } app.js var express = require('express'), rickshaw = require('rickshaw'), app = express(), http = require('http'), server = http.createServer(app) server.listen(3000); app.get('/', function (req,res) { […]

在Node.js中使用Rickshaw / D3，对于服务器端，原始svg可访问？: 我正在尝试在Node中使用D3和Rickshaw。该服务必须创build一个时间序列图，然后使用运行imagemagick的subprocess将原始SVG转换为png。我真的只需要一个原始的svgstring来做我的转换。人力车有没有办法访问一个原始的SVGstring？

在socket.on（socket io）中绘制d3实时线形图: 我正在使用通过套接字io从服务器接收的值，并且我想要创build一个实时更新的图表，因为新值将到达。对于绘制图我使用这个例子中的代码： http : //jsfiddle.net/chrisJamesC/YruDh/然后我收到下面的表格中的数据： socket.on('news', function (data) { /*I make the chart here*/…}); 我用我自己的值replacenext()函数中的value字段，也就是我从套接字接收的值，并且一切都很好。唯一的问题是，每当一个新的数据点到达，每隔两秒钟，不仅图表得到更新，而且还会在浏览器中获得相同图表的精确副本，在已经存在的图表下方。每当我收到一个新的数据点时，这种情况就会持续发生，直到最终我的浏览器中有20个或更多的图表，导致它在某个时候崩溃。我试图在socket.on之外创build图表，即使使用上面示例中的随机数据，也不会显示任何内容。所以我假设我需要创build图并在socket.on（）方法中每两秒更新一次。如何创build和更新图表，而不需要创build多个副本？这里是我现在的完整代码： socket.on('news', function (data) { var o= JSON.parse(data); awesome=o; note3.push(awesome.valuee); var t = -1 var n = 40, duration = 750 data = d3.range(n).map(next); function next(){ return {time: ++t, value: awesome.valuee } } var margin […]

d3js导入到angular2: 我怎样才能导入d3js int angular2项目？我使用npm安装了d3js，并添加了d3js到我的systemJs，但是它给了我traceur.js错误。我也尝试在脚本中使用最新的cdn，并import * as d3 from 'd3'; 但是找不到该模块。 SystemConfig.js，这个设置给我traceur.js错误 var map = { 'd3': 'node_modules/d3' }; var packages = { 'd3': {main: 'index.js'}, };

NodeJs MongoDb没有getter和setter的结果: 我正在开发一个使用MongoDB来存储大量数据的NodeJs应用程序。数据使用“.find”或“.findOne”查询function进行检索。 const collection = db.collection('recordings'); collection.find({}, {fields: ['header']}).toArray() .then(documents => { console.log(documents); resolve(documents); }) .catch(error => reject(error)); 该应用程序使用Electron Js构build，因此我可以通过Chrome开发人员工具检查数据：有了这些getter和setter使得应用程序非常慢。由于数据也在D3-Chart中可视化，所以我想出了这个相当奇怪的解决scheme来删除所有function： JSON.parse(JSON.stringify(documents)) 没有这个额外的步骤，图表开始结结巴巴。有没有更好的方法来检索原始结果，而不是通过遍历所有的文件去除不必要的getter和setter函数？谢谢。

我如何运行一个JavaScript作为node.js脚本没有DOM？: https://github.com/jasondavies/d3-cloud是使用D3库的javascript中的词云。这是一个交互式演示。演示使用d3-cloud脚本在HTML中生成SVG。我想在服务器端使用它，并获取node.js生成一个SVG文件，并将其保存到磁盘，只要我更新我的数据，而不是将D3库加载到浏览器并呈现在那里。有没有办法做到这一点？我可以使用似乎依赖HTML DOM而不使用DOM的库吗？我是node.js的新手

将Expressvariables传递给客户端JavaScript: 最终，我试图从节点服务器传递JSON数据以供D3在客户端使用。这是我的index.js var express = require('express'); var router = express.Router(); var portmix = require('../data/holdings.json'); /* GET individual portfolio page. */ router.get('/portfolio/:portcode', function(req, res) { var porthold = []; for(var i in portmix){ if(portmix[i].PortfolioBaseCode === req.params.portcode){ porthold.push(portmix[i]) }} res.render('index', { pagetype: 'single_portfolio', holdings: porthold[0] }); }); module.exports = router; 这是ejs文件： <div class="portfolio"> <h2><%= holdings.ReportHeading1 %></h2> <ul> […]

在d3的指导下，如何通过点击来改变节点的形状？: 我在d3中有一个强制定向图，并希望能够点击圆形节点并将它们变成矩形。然后，如果我点击一个矩形，我想它恢复到一个圆圈。我已经看过这个和有关的问题，但我认为他们是D3的早期版本，不为我工作。我可以做到这一点，我的圈子的大小和颜色会改变点击，并与下面的代码，我可以用一个黑色的矩形replace圆节点，但它不附加在图上，只是一个黑色的方块SVG。 node.on("click", function(d,i) { var size = 20; d3.select(this).remove(); svg.append("rect") .attr("x", dx) .attr("y", dy) .attr("height", size) .attr("width", size) .style("fill", function(d) { return color( d.group); }); }) 任何人都可以告诉我我失踪了吗？我怀疑rect没有被附加到graphics数据上，但是我没有足够的熟悉d3来理解我应该改变什么。谢谢。

Angular.js / D3.js / Node.js之间有什么区别和相似点: 我正在尝试探索JavaScript框架，我碰到这些stream行的框架 Angular.js Node.js的 D3.js 我试图谷歌，但发现很less比较。那么谁能解释他们之间的实际区别和相似之处？谢谢，Chirag Visavadia