草庐IT

图形创作

全部标签

javascript - 3D 图形库中的树状图

我正在搜索与图表相关的3D树状图。我搜索了一些免费/付费流行的图形库,但这些都不能满足我的要求。我附上了我找到的图形图像。我已经搜索过这些库,但它们没有在Treemap中提供3D。philogbhighchartsnvd3amchartsjqplotanycharts请推荐一些满足我要求的图库。 最佳答案 您能否更具体地说明您的要求是什么?你看过three.js了吗?他们没有明确的数据结构映射器,但也许您可以创建TreeMap,然后将其用作表面上的纹理,然后更改相机Angular。 关于

javascript - 在不卡住 GUI 的情况下呈现 plotly.js 图形(Web Worker?)

我正在开发一个仪表板,用户可以在其中构建自己的可视化效果(使用plotly.js)。有时,这些可视化的复杂性会导致渲染时间过长,从而导致浏览器UI卡住。我已经在我的仪表板中为其他任务创建了网络worker。也许有一种方法可以在web-worker中渲染plotly.js图形并将它们返回到主线程?我知道web-workers没有DOM/Canvas能力。但是也许有技巧或者您知道防止GUI卡住的更好方法?也许使用phantomjs将渲染外包给服务器(我从未使用过它,所以只是猜测它可以与pjs一起工作)。 最佳答案 您的问题的可能解决方案

javascript - 基于 JS 的 influxdb 图形编辑器,如 Grafana、Influga,是否有可重用的库?

我一直在使用像grafana这样的工具或influga,这些都是很棒的项目,可以帮助创建带有图表和各种类型图形的仪表板。我想知道,是否有可能将这些应用程序的2个核心功能分离到一个独立的javascript库中,该库可以在现有的网络应用程序中重复使用(最终用户也可以轻松使用)?2个主要特征是:图形编辑器(查询、标签、颜色等)图TableView(查看图表、更改日期范围、放大和缩小、ecc)grafana和类似解决方案的问题在于它们不容易与现有的Web应用程序集成,并且这些项目的复杂性和添加新功能越来越多,而许多人可能需要的是与现有Web应用程序进行某种集成.有人在做这方面的工作吗?如果是

javascript - react-chartjs-2 状态更新时不更新图形

我正在创建一个仪表板应用程序,它从端点获取数据并使用setState方法将端点返回的JSON中的变量分配给状态变量。当我更改状态时,某些组件(如“react-svg-gauge”)将更新,但“react-chartjs-2”不会更新。下面的代码是我的状态如何在我的实际应用程序中变化的示例。此示例将在chrome开发人员控制台中显示状态变量的正确值,但不会相应地更新DOM。importReact,{Component}from'react';import{Doughnut}from'react-chartjs-2';classDoughnutExampleextendsComponent

javascript - React中的图形可视化库

我们有一个表示有向图的数据集。目前,我们在ui的网格(slickgrid)中显示这些数据,如下所示。ParentNodesofSelectedNode:------------------------------SelectedNode--ParentNode1--ParentNode2--ParentNode3..ChildNodesofSelectedNode:-----------------------------SelectedNode--ChildNode1--ChildNode2--ChildNode3..这种显示数据的方式的问题是,它不直观,也不好看。它可以更好地呈现一

Javascript 图形布局引擎

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我正在寻找可以进行图形布局的Javascript库/引擎。(当我说布局时,我的意思是在逻辑上很好地定位顶点。)我正在使用的图形都是m-ary树。M通常不超过5或6,但在某些情况下可以更大。我确实有一些我现在正在使用的东西,Graphvi

javascript - jqplot 在鼠标悬停时更改图形的颜色

jqPlot在鼠标悬停时更改填充颜色...我想删除该效果...如何??这里是使用的选项:varoptions={series:[{neighborThreshold:-1,shadowAngle:0,shadowOffset:2.5,shadowAlpha:.05,shadowDepth:5}],seriesDefaults:{color:'#224',fill:true,//fillundertheline,fillAndStroke:true,//*strokealineattopoffillarea.fillColor:'#66CCCC',//*customfillcolorfo

javascript amCharts 图形项点击事件

在amChartsflashchart有一个事件名称clickGraphItem,它作为单击图形项工作,在获取此事件后,我们可以对图形项单击执行任何操作。我在javascriptamCharts中需要相同的功能.那么是否可以在javascriptamCharts中实现clickGraphItem呢?请提供解决方案。任何源代码将不胜感激。 最佳答案 您可以通过以下方式将事件处理程序添加到AMChartsJavascript库//addclicklistenerchart.addListener("clickGraphItem",han

javascript - 使用 raphaeljs javascript 图形库清除容器的最简单方法

我必须清除并重绘raphaeljavascript主容器。我试过varpaper=Raphael(10,50,320,200);paper.remove();//Doesn'tworkpaper.node.removeNode();//thisneitherpaper.removeNode();//thisneither有什么想法吗? 最佳答案 当您创建一篇论文时,它会创建一个DOM对象。你可以访问它paper.canvas当您创建一个新的Raphael对象时,您就创建了一个新的DOM对象并保留了原来的对象!考虑到所有事情,这是最好

图形的 Javascript 库(在数学意义上)

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion是否有用于图形和网络表示的重要Javascript库,具有通用算法、优化等?我在想象类似C++lemonlibrary的东西,具有图搜索、最短路径、最大流等。Google一片空白,因为结果中充满了图形和图表绘制库。