草庐IT

9个可视化图表在线制作工具,总有一款适合你

全部标签

javascript - cytoscape.js 缩放以适合当前选定的节点

我希望缩放cyjsView以适合(很好地包含)当前选定的节点。可以手动或以编程方式选择节点。如果只选择了一个小的网络邻居,那么放大效果会非常显着。如果远处的节点在选择中,则放大甚至可能不会引人注意。cy.fit()非常适合在窗口中显示整个网络。但是尽我所能,我找不到cy.fitSelected()或一些等效的功能。有什么建议吗? 最佳答案 这是一个单行代码,因为cy.fit()将eles作为它的第一个参数:例如cy.fit(cy.$(':selected'),50)填充50http://cytoscape.github.io/cyt

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - "Isolate"在V8中的作用是什么?怎么可能单独制作 "Isolate"呢?

到目前为止我发现的“隔离”的解释。实验#1:http://izs.me/v8-docs/classv8_1_1Isolate.html“Isolate表示V8引擎的一个孤立实例。V8分离株具有完全独立的状态。来自一个隔离区的对象不得用于其他隔离区。当V8被初始化时,一个默认的isolate被隐式地创建和输入。嵌入器可以创建额外的隔离并在多个线程中并行使用它们。在任何给定时间,最多只能有一个线程进入隔离区。Locker/UnlockerAPI可用于同步。”实验#2:https://developers.google.com/v8/get_started“隔离是一个具有自己堆的VM实例。”

使用图表库的 Javascript 频率分析器

我目前正在尝试使用网络技术(尤其是Meteor)制作频率分析仪。目前,我尝试使用创建SVG图片的GoogleCharts库。图表需要每秒刷新大约10次,性能并不令人满意。它占用了所有的CPU资源。我对Web开发有点陌生(尤其是在图形和性能问题上),所以如果您能指出正确的方向来进行我的研究,我将不胜感激。 最佳答案 我最终使用了库CanvasJs,它似乎是最快的库之一。有一个选项interactivityEnabled:false可以禁用与图表的交互,从而提高性能。即使还没有直接的Meteor集成,只需将js文件放在./client/

javascript - 使用 Moment.js 制作原生 ELM 模块

我已经使用Elm玩了几天,我想移植Moment.JS,因为我发现缺少我想要的库,而Moment拥有我需要的一切.问题是我总是遇到同样的错误。我的native文件夹中有Moment.JS(名为MomentJS.js)和另一个名为Moment.js的文件(我的包装器)。问题是,当我在Moment.js中调用moment时,我收到一条错误消息,指出该moment未定义。我也尝试在我的elm文件中导入MomentJS.js,在Moment.js之前和/或之后。我还尝试将整个JS复制到Moment.js并在其末尾添加我的包装器。这些都没有用。你知道我能做什么吗?我一直在互联网上寻找类似的repo

javascript - 谷歌可视化-点击事件

我正在使用googlevisulaization绘制饼图。我面临的问题是,我无法捕获饼图上的点击事件。我正在这样做。functiondrawchartfromRe(){dashboard=newgoogle.visualization.Dashboard(document.getElementById('dashboard_div'));//alert("RefuelLength"+totrefuelList.length);//alert("Vehicleid:"+totrefuelList[0].vehicleId);//google.load("visualization","1

javascript - 在为一个小行星编写代码后,如何制作多个小行星?

我正在使用JavaScript制作游戏,我创建了一颗垂直移动并随机选择x位置的小行星。如何创建多个选择随机起点的小行星?以下是我目前对小行星的了解://createasteroidasteroid={x:width/2,y:-6,min:1.6,max:2.2,speed:1.6}//moveasteroidif(asteroid.y 最佳答案 将您的移动和绘制例程放入小行星对象的方法中://DefineanAsteroidconstructorfunctionAsteroid(width,height){this.width=wi

javascript - 谷歌图表 : is it possible to use Strings for the x axis?

所以我试着摆弄我的图表,发现整数/float/日期在x轴上工作得很好,但是当你输入一个字符串时,它就爆炸了。我正在尝试绘制a:Word/Count图表,但不幸的是我似乎无法将字符串放在x轴上。这在GoogleCharts中是允许的,还是严格意义上的int/floats/dates? 最佳答案 如下使用vAxis和hAxis属性google.visualization.ColumnChart(document.getElementById('visualization')).draw(data,{title:"YearlyCoffee

javascript - 有没有使用网络音频 api 从 iframe 可视化 youtube 音频?

是否可以收听iframe中的youtube视频的音频,然后对其进行分析以用于基于网络音频api的可视化工具?从我的网站制作方式来看,我只能从iframe中获取源url。这是我的一个iframe的示例: 最佳答案 希望这对future的Google员工有所帮助。我发现这样做的唯一方法是使用音频流库(如节点的youtube-audio-stream)并从服务器端缓冲/传输音频。varexpress=require('express');varrouter=express.Router();varyoutubeStream=require

javascript - JS 用线条制作标记效果的好方法

有一种用线指向图像特殊元素的效果。请参阅http://snapsvg.io/处的鳄鱼示例.最初出现图像时,没有任何指向线:然后滚动后出现带有提示的行:我知道有https://github.com/julianlloyd/scrollReveal.js以及很多其他的js库来实现出现的效果。问题是如何制作这条线,将它们放在普通图像(不是SVG)顶部的确切点上,并在滚动时为线条设置动画?如果知道这种方法/效果的名称(用谷歌搜索什么)并查看关于好/坏体验或js库的评论,那就太好了。更新:希望看到图像大小调整和精确指向的已解决问题,在大多数情况下,请参阅http://www.sitmed.com