草庐IT

web数据可视化

全部标签

javascript - Twitter typeahead 将自定义数据添加到数据集

我正在使用twittertypeahead来显示对我来说效果很好的类别建议。问题在于子类别的显示。如果类别有子类别然后展开/折叠图标与建议一起显示,如果用户选择其中一个,子类别必须显示在它下面,我在显示部分成功但无法更新typeahead的数据集,这样当用户选择一个子类别时,它应该显示在输入中。请在Jsfiddle上使用键盘,因为我只尝试过按键。下面是我的json数组JSFIDDLEhere[{"id":"38","value":"Entertaintment","parent_id":"27","children":"1","childCategories":[{"id":"28",

javascript - Shoutcast + Web Audio API CORS 问题

我有一个问题,我已经研究了一段时间,但没有真正的进展。我目前正在尝试将我的Shoutcast流加载到我的WebAudioAPI上下文中。我认为它会违反CORS,我是对的。我尝试通过XHR请求,然后再次通过将音频元素加载到脚本中。它与音频元素一起工作,但在尝试将其加载到脚本中时死了。似乎我唯一的选择是尝试以某种方式将CORSheader添加到我的Shoutcast正在服务的流中。我不知道该怎么做,也没有在网上找到资源。如果有人能给我一些建议,我将不胜感激!varaudioCtx=new(window.AudioContext||window.webkitAudioContext)();v

javascript - D3中不可视化的平行坐标多维数据

我正在使用d3.js处理平行坐标图,我正在尝试从外部json文件中绘制一些多维数据。json文件中的数据结构如下:[{"timestamp":1437571117.035159,"dimension":10,"value":[{"value":0.13347661474528993,"label":"A"},{"value":0.8677079004784608,"label":"B"},{"value":0.7757451827314333,"label":"C"},{"value":0.9614725817942508,"label":"D"},{"value":0.5259754

javascript - 您如何使用 Web Audio API 测量两种声音之间的差异?

我正在尝试使用分析器节点和getByteFrequencyData()来测量两种声音之间的差异。我认为通过对每个频率区间的差异求和,我可以得出一个数字来表示这两种声音的差异程度。然后我就可以改变声音并再次测量数字,看看新声音是否与以前有或多或少的不同。getByteFrequencyData()是否完全包含声音的表示,或者我是否需要包含其他数据来限定声音?这是我使用的代码:varSpectrogram=(function(){functionSpectrogram(ctx){this.analyser=ctx.createAnalyser();this.analyser.fftSize

javascript - 在 Controller 中使用 Angular 翻译,用于服务带来的数据

我有以下场景:我有一个包含这种数据的JSON文件:"IOS_TABLET_DOWNLOAD_URL":{"type":"string","minLength":"5","title":"IOS_TABLET_DOWNLOAD_URL","description":"$filter('translate')('configuration.IOS_TABLET_DOWNLOAD_URL')"},描述字段需要使用AngularTranslate进行翻译,我正在像这样将服务注入(inject)我的ControllerConfigController.$inject=['$scope','$fi

javascript - Web 音频振荡器仅在 Firefox 中点击

我正在尝试使用网络音频振荡器创建一个简单的节拍器,这样就不需要外部音频文件了。我通过快速升高和降低振荡器的音量来创建节拍器的声音(因为您不能多次使用start()和stop()),然后以设定的时间间隔重复该功能。它最终听起来像一block漂亮的小木block。下面的代码在Chrome、Safari和Opera中工作/听起来很棒。但在Firefox中,当音量增加时会出现令人讨厌的间歇性“咔嗒”声。我试过更改启动/释放时间以消除咔哒声,但它们必须非常非常长才能持续消失。事实上,振荡器听起来就像一个持续的音符。varaudio=new(window.AudioContext||window.

javascript - 为什么我的 Web Worker 终止了?

当我遇到一个非常奇怪的行为时,我正试图了解网络worker。出于某种原因,它会在几秒钟后终止,即使我有正在运行的代码。这是我的代码;主要JavaScript文件:$(document).ready(function(){varworker=newWorker("js/TestWorker.js");worker.addEventListener('message',function(event){console.log(event.data);});worker.addEventListener('error',function(event){console.log(event);})

javascript - 自定义元素/Web 组件可以与 SVG 一起使用吗?

对于CustomElements我可以这样做:classMyElementextendsHTMLElement{}我可以对SVG元素做同样的事情吗?喜欢classMyOwnRectangleextendsSVGRectElement{}如果可以,能麻烦谁给个jsbin吗?如果不是,为什么不呢?这有一些非常好的用例,例如能够在元素本身中存储model数据。SVG操作主要用于2个主要领域:动画图表,如ER、组织结构图、流程等。类似JointJS的图书馆有自己的类形式的抽象(它扩展了主干View)来存储与View(屏幕上的SVG图)关联的模型数据。就像WebComponents最终可以以标准

javascript - 如何使用 Cordova 将 Sqlite 数据同步到 sql server

嗨,这么多天以来,我一直在搜索这个主题,但也无法得到提示。如果有人知道如何使用cordova和javascript将sqlite数据同步到sqlserver,请帮忙 最佳答案 开源实现有一些开源项目可以将PhoneGap应用程序与远程服务器同步。但是您必须调整/实现以适合您的项目。SynchronizealocalWebSQLDbtoaserverCouchbaseLitePhoneGappluginPouchdb或者,自定义API您可以创建自己的API方法集,以将数据从WebSQL发送/更新到您的远程服务器DB。标记需要“同步”到

javascript - 使用angular2用动态数据插入字符串

我正在通过ajax请求从服务器加载数据。JSON文件包含站点中弹出窗口的配置。popupData:{data:{var_one:"hello",var_two:"world"},template:"the{{var_two}}say's{{var_one}}"}每次出现弹出窗口时,变量名和模板都会不同。我怎样才能用它附带的数据插入这个字符串?我需要将预构建的字符串传递给要使用[innerHTML]查看的组件。 最佳答案 收到数据后的某处:constpopupString=popupData.template.replace(/{{\