草庐IT

动态绘制

全部标签

javascript - Three.js绘制简单三 Angular 形

我正在尝试用three.js绘制三Angular形:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(40,window.innerWidth/window.innerHeight,1,1000);camera.position.z=100;scene.add(camera);varrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(r

javascript - 通过 D3 绘制 HTML 表格不会更新现有数据

我正在使用D3绘制HTML表格,输入时一切正常。当我将新项目添加到我的数据集合时,它会将新项目正确添加到表中。问题是每当我更新集合中的现有对象(下面backgroundJobs集合中的对象)时。当我重新运行D3代码来同步表时,它不起作用。没有任何反应。代码如下:varvisibleColumns=['Name','Start','End','Status','Metadata','Errors'];vartable=d3.select('#jobs').append('table');varthead=table.append('thead');vartbody=table.appen

javascript - 我怎样才能用 flot 只绘制点(而不是线)?

最终我想要一个像这样的非常小的一维图表:坐标轴X轴:0到100,不可见Y轴:0到0(但绘制三条线可能需要-1到1)数据仅积分。无需排队。两个数据集需要不同的颜色(首选红色和绿色)。x轴上的所有数据(y=0)如果形状是可能的,X和O将是完美的飞机我需要在x轴上的特定点绘制三条线,而不是标准网格。示例:[[40,-1],[40,1]],[[50,-1],[50,1]],[[60,-1],[60,1]]这是我到目前为止尝试过的:d1=[[48,0],[16,0],[10,0],[40,0],[30,0],[37,0]];d2=[[43,0],[60,0],[74,0],[83,0]];var

javascript - 动态加载的 JavaScript 库何时可用?

我编写了JavaScript库来使用FileSaver.js及其相关库。但是,我不想在有人想使用我的库时总是加载FileSaver.js。而且我不想强制他们自己加载所有带有script标签的各种FileSaver相关JavaScript库(或者甚至加载我的一个可以做到这一点)。相反,我更喜欢这样的东西。当他们调用我的createImage函数时,它首先执行以下操作:functioncreateImage(image,name){if(typeof(saveAs)!=='function'){varelement=document.createElement('script');elem

javascript - 如何使用 google 图表使用来自 json 的动态数据

我正在使用mvc,我想将我的数据连接到谷歌饼图。所以我使用json使用以下代码获取名称列表及其计数publicJsonResultlist(){varresult=list.GroupBy(i=>i.Name).Select(i=>new{word=i.Key,count=i.Count()returnJson(result.ToList(),JsonRequestBehavior.AllowGet);}使用谷歌图表APIgoogle.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(

javascript - 动态设置 googleapi key

我有一个应用程序想要嵌入谷歌地图,并且需要将key放入配置文件中。所以这就是我所做的:在config.js中GOOGLE_MAP_KEY="mykeyofgoogleapi";在index.html中问题是我看到google的GETURL只是RequestURL:https://maps.googleapis.com/maps/api/js?key=URL的其余部分丢失了。看起来我在像这样连接URL时做了一些坏事。怎么了? 最佳答案 您在何处指定标记,您编写的是HTML而不是Javascript(即使您使用它来加载JS文件)。所以你

javascript - 使用 MDL 动态构建的输入无法正确呈现

我有以下代码,varloginForm=document.createElement('div');loginForm.className='row';loginForm.innerHTML='Username';document.getElementById('page-content').appendChild(loginForm);问题在于,由于javascript函数已经运行,输入的样式不正确。有人知道我需要调用什么javascript函数来完成这项工作吗?我尝试了MaterialTextfield.prototype.init()但没有任何改变。

javascript - 如何动态更改 Ext js 存储数据

我有一个如下所示的组合框{xtype:'combo',fieldLabel:'Test',store:['a','b']}在不创建Ext存储对象的情况下,我将数组分配给存储并且它显示的值很好。在某些操作中,我想用['d','e']更新商店我试过像下面这样分配新值来存​​储comboObje.store=['d','e'];但它没有更新值。如何用商店中的新值替换原始值。 最佳答案 您可以使用bindStore创建一个新存储,或者使用loadData将新数据加载到现有存储:combo.store.loadData(['d','e'].m

javascript - 如何在javascript中动态创建一个包含值数组的 map

我有这个需求。根据函数中传递的参数数量,我需要在map中创建那么多条目。假设我有一个函数myfunc1(a,b,c),我需要一个键为“a”、“b”和“c”的映射,并且每个键可以有多个值。但问题是我事先不知道这些键会有多少值。当值出现时,我需要将它们添加到与映射中的匹配键对应的值列表中。我如何在javascript中执行此操作?我找到了如下静态答案。但我想动态地做到这一点。我们可以使用push方法吗?varmap={};map["country1"]=["state1","state2"];map["country2"]=["state1","state2"];

javascript - 我在 d3.js 中定义了一条路径,它绘制正确,但 .getTotalLength() 未定义

以下代码根据数据生成路径。varpath=gameBoard.append('path').attr("id","snake"+snakeIndex).attr("d",interpolator(data)).attr('stroke-width',snakeStroke).attr('fill','none').attr('stroke',config.snakeColor);数据定义的弯曲路径绘制正确。此处未定义getTotalLength()失败:vartotalLength=path.getTotalLength();此外,getPointAlongLength()也未定义:v