草庐IT

d3_graph_chart

全部标签

javascript - 使用 D3.xml 绘制树形布局

在d3.js中,我看到了使用d3.JSON来使用JSON来构建树状布局。我还处理过csv文件,首先使用d3.csv和d3.nest将这些文件转换为JSON。但是,在使用d3.xml获取XML数据源时,任何人都可以建议如何在不先将xml数据转换为JSON的情况下进行树布局吗? 最佳答案 您可以使用d3.xml(https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml)然后使用javascript解析内容关于Javascriptxml解析的资源:http://www.hitesha

xml - 如何使用 Django 将本地 JSON 对象加载到 D3.js 前端?

我正在尝试使用django后端创建一个d3.js可视化。我正在尝试将一些json渲染到map中:d3.json("world-countries.json",function(json){self.countries.selectAll("path").data(json.features).enter().append("path").attr("d",self.path).on("mouseover",function(d){d3.select(this).style("fill","#6C0");}).on("mouseout",function(d){d3.select(thi

javascript - 将 XML 数据解析为 Chart.js 折线图

我正在尝试将两个javascript合二为一,但很难让它正常工作。我不确定我正在尝试做的事情是否可行,但我认为stackoverflow是获得帮助的最佳场所。第一个javascript是Chart.js,特别是折线图选项。第二个脚本是HTML脚本中的XMLw3schools.我想做的是使用XML文件填充折线图的数据。我相应地修改了代码,但我只有非常基本的javascript知识,无法让它工作。这是我尝试过的:if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpReque

xml - Java object graph -> xml 当需要反转对象关联的方向时

我正在处理的一个Java应用程序具有与下面类似的关系的对象。在实际应用程序中,两个对象都是JPA实体。classUnderlying{}classThing{privateUnderlyingunderlying;publicUnderlyinggetUnderlying(){returnunderlying;}publicvoidsetUnderlying(finalUnderlyingunderlying){this.underlying=underlying;}}应用程序中需要创建以下形式的xml:所以我们有这样一种情况,对象图以与它在xml中的表达方式相反的方向表达事物和底层之

xml - 使用 graphml 文件进行 d3.js 力导向布局

如何在d3.js中使用graphml文件?[我想画一个力向图]将文件转换为.json是否更简单?如何?一直没找到转换器(找到了python转换器,但我不是python用户)是否可以直接使用graphml文件?可能与d3.xml一起?注意:graphml看起来像这样JohnMaynardKe...JohnMaynardKe...40.3#ffffff00#54FF00CCJosephA.Schum...JosephA.Schum...40.3#ffffff00#54FF00CC220#00000021220#00000021.... 最佳答案

3d-force-graph示例学习记录

此文章仅用来记录3d-force-graph示例学习过程中的问题,以及相关笔记。1.basic(基本)constGraph=ForceGraph3D()(document.getElementById('3d-graph')).graphData(gData);2.async-load(异步加载)//URLscheme"file"isnotsupported.未解决constGraph=ForceGraph3D()(document.getElementById('3d-graph')).jsonUrl('../datasets/miserables.json').nodeLabel('id'

javascript - D3 将现有的 SVG 字符串(或元素)追加(插入)到 DIV

我到处搜索这个问题的答案,找到了一些我认为可能有用的资源,但最终没有找到答案。这里有一些...ExternalSVGEmbedSVG问题我想做的是将现有的SVG元素或字符串附加到页面上的DIV,然后能够在其上应用各种D3.js属性和特性,这样我以后就可以操作和使用它(例如如应用缩放功能等)。我之前使用的是jQuerySVG我在其中这样做:varshapesRequest='"'+''+'Floor...andalotmoreofthesame...';$('#svgtmp').append(shapesRequest);$('#svgtmp#shapestext').attr('fil

xml - 如何使用 d3.js 导入 XML 数据?

有人可以提供一个基本示例,说明如何使用d3从XML文件导入数据吗?我的XML文件如下所示:71124488如何将这些值添加到数据数组中?到目前为止,这是我尝试过的:d3.xml("values.xml",function(xml){d3.select(xml).selectAll("data").each(function(data){d3.select(data).selectAll("value");//adddatatoarray?;};});//useArray 最佳答案 传递到回调中的XML对象是XMLDOM的根元素(参见

javascript - (嵌入和)通过 D3 和/或 javascript 引用外部 SVG

我有一个.svg文件,想将它嵌入到我的d3图形的svg结构中。我还需要通过某些g元素的id引用附加到g元素的所有路径/多边形。我尝试了不同的方法来嵌入和引用svg(g's),但由于某些原因它不起作用:(1)第一次尝试//FirefoxdisplaysmysvgbutwheniopenitwithChromethesvg//isnotdisplayed(justdefaultplaceholdericon)//Ican'treferencethesvg-gid'swithd3.selectfunctions.main_chart_svg.append("svg:image").attr(

c++ - 查询 D3DKMDT_VIDEO_OUTPUT_TECHNOLOGY 的 WMI

我已关注这篇MSDN文章,该文章展示了从本地计算机检索WMI数据的示例http://msdn.microsoft.com/en-us/library/windows/desktop/aa390423%28v=vs.85%29.aspx显示的示例获取操作系统的名称,但在我的例子中,我正在查询“从WmiMonitorConnectionParams选择*”并想要检索D3DKMDT_VIDEO_OUTPUT_TECHNOLOGYhttp://msdn.microsoft.com/en-us/library/windows/hardware/ff546605%28v=vs.85%29.aspx