草庐IT

d3_graph_chart

全部标签

javascript - 带复选框过滤的 d3 map

我制作了一个d3符号map,希望用户能够通过名为“类型”的属性过滤点。共有三种类型:a、b、c,每种类型都有一个关联的html复选框,选中时应显示类型a的点,取消选中时应删除这些点。我想知道将检查/取消检查事件传递到d3的最佳方法是什么?我在想是否有办法将选中的类型传递给select.filter(),那将是最好的方法。这是代码:HTMLabcjsqueue().defer(d3.json,"basemap.json").defer(d3.json,"points.json").await(ready);functionready(error,base,points){varbutto

使用Microsoft Graph SDK从OneDrive下载大文件

我正在尝试使用以下MicrosoftGraphCall从OneDrive下载文件:using(varstrm=awaitclient.Drives[RemoteDriveId].Items[Id].Content.Request().GetAsync()){byte[]byteBuffer=newbyte[4096];filePath=System.IO.Path.Combine(folderPath,filename);using(System.IO.FileStreamoutput=newFileStream(filePath,FileMode.Create)){intbytesRead=

javascript - chart.js 在移动 View 中调整高度

当我将我的网站切换到移动View时,我需要获取chart.js来调整图表的高度,我正在使用bootstrap作为我的框架,它工作正常。网站移动View的问题是图表太小而无法交互。我试过在varoptions={}中添加属性,但没有成功我什至尝试过在css中使用高度属性,但没有成功!请帮忙!这是网站:http://preview.qaxawkzy7e6d2t9vhswkar3v1n8w7b9p705un9k2ojkbj4i.box.codeanywhere.com/和代码:Hithere!varctx=document.getElementById("myChart");varmyCha

javascript - 引入 d3.js 的麻烦

所以我刚开始使用d3.js,但我一直收到JavaScript错误,我不知道为什么。我刚刚用svg创建了三个圆圈,想用d3选择它们。这是我的代码:varcircle=svg.selectAll("circle");这应该选择页面上的圆圈,以便我可以操作它们,但我的Web控制台中一直出现引用错误,提示svg未定义?但是入门教程并没有说定义svg? 最佳答案 在使用svg.selectAll之前,您需要先实际选择svg元素。varsvg=d3.select(document.getElementById('sampleSVGId')),c

javascript - D3中选择多个元素添加单父节点

我遇到问题,我必须通过选择多个元素来添加父节点。我有:............现在在上面的结构中,我必须选择一些具有类Node的元素,并为它们添加一个父单父元素。它应该看起来像这样,例如,如果我选择节点2和3:............有什么方法可以使用javascript或D3进行这种操作。 最佳答案 只是为了完整起见,这是(其中之一)用于执行此操作的惯用D3:vargroup=d3.select(".group");varnewGroup=group.insert("g","#g2").attr("class","Grp");va

javascript - Pie chart.js - 显示所有 3 个分段边框

我有一个馅饼chart.js边框设置为1。当图表显示时,每个段不显示其3个边框。我相信边框存在,但下一段应用于左边框的顶部-隐藏左边框不显示。是否有一个设置可以显示每个饼图的所有3个边框?这是我的代码newChart(document.getElementById('example-pie-chart-1'),{type:'pie',data:{labels:['{%blocktrans%}Views{%endblocktrans%}','{%blocktrans%}PrintRequests{%endblocktrans%}','{%blocktrans%}PDFDownloads{

javascript - 在 Chart.js 中,我想显示如下图所示的虚线网格线

我正在chart.js中开发图表,我想显示图中所示的虚线网格线。 最佳答案 您可以在图表选项中编辑数据集显示:options:{scales:{//Thefollowingwillaffecttheverticallines(xAxe)ofyourdatasetxAxes:[{gridLines:{//Youcanchangethecolor,thedasheffect,themainaxecolor,etc.borderDash:[8,4],color:"#348632"}}],//Andthiswillaffectthehori

html - 在 d3 svg 中对齐文本

由于我是图书馆的新手,所以我在d3中执行一项简单任务时遇到了问题。使用渐变example,我在页脚div元素中插入了一个线性渐变:#footer{position:absolute;z-index:10;bottom:10px;left:50%;width:300px;margin-left:-150px;height:20px;border:2pxsolidblack;background:rgba(12,12,12,0.8);color:#eee;}varsvg=d3.select("footer").append("svg:svg").attr("width",300)//can

javascript - 无法在 d3.js 中添加轴

我正在为我在大学做的项目学习d3.js。我的问题是当我将一个轴附加到我的svg对象时,整个svg从浏览器中的站点消失。我也尝试过使用一些代码示例,例如this,但它也不起作用。这是我的代码:Datavardata_1=[23,54,67,12,4];vardata_2=[1,2,3,4,5];varwidth=800;varheight=800;varmapScale=d3.scaleLinear().domain([0,70]).range([0,width-40]);varaxisBot=d3.svg.axis();.scale(mapScale);varaxisLft=d3.ax

html - d3 边缘标记是否可能?

是否可以使用d3在图形中添加边标签??我查看了示例和一些文档,我可以看到在哪里可以进行节点标记,但是在任何地方(我可以找到)都没有明确提到边缘标记。 最佳答案 以别人为榜样在每条边上添加一个路径,在边缘添加文本将该文本绑定(bind)到引用沿边路径的textpath这个例子使用了上面的想法:http://bl.ocks.org/jhb/5955887 关于html-d3边缘标记是否可能?,我们在StackOverflow上找到一个类似的问题: https://