草庐IT

d3dtexture

全部标签

javascript - 为什么不绘制以编程方式插入的 SVG <tspan> 元素,d3.js 除外?

假设我想以编程方式插入额外的在以下SVG中的元素:onetwothree除其他外,这可以通过纯JavaScript(.appendChild)、jQuery(.append)和d3.js(.append)来完成。然而,尽管这三种方法都成功地插入了元素,但我似乎只能在d3.js插入元素时才能实际显示:请参阅此fiddle中的简化大小写:http://jsfiddle.net/2NLJY/.该行为在我测试过的浏览器中是一致的:Firefox、Chrome和Safari(所有OSX10.8)。这是怎么回事? 最佳答案 您不能使用creat

javascript - 改变一个 y 轴的范围 nvd3/d3

我目前正在使用multiChart模型并且我有两个不同的y轴。我想更改两个轴,使它们从0开始,因为目前它们从最小的y数据点开始。我尝试过以下操作chart.yAxis1tickFormat(d3.format(',.f')).domain([0,max_y]);但这似乎不起作用和.forceY([0,max_y])它告诉我没有forceY函数有什么想法吗? 最佳答案 您可以在NVD3中为折线图或条形图强制设置最小值和最大值,尝试如下操作:chart.bars.forceY([0]);chart.lines.forceY([0,100

javascript - D3.js 线性回归

我搜索了有关构建线性回归的一些帮助,并在此处找到了一些示例:nonlinearregressionfunction还有一些应该涵盖这个的js库,但不幸的是我无法让它们正常工作:simple-statistics.js还有这个:regression.js使用regression.js我能够得到该行的m和b值,所以我可以使用y=m*x+b绘制我的图形线性回归后的线,但无法将这些值应用于线生成器,我尝试的代码如下:d3.csv("typeStatsTom.csv",function(error,dataset){//HereIplototherstuff,setupthex&yscaleco

javascript - D3 使用图案用图像填充形状

我正在尝试使用D3.js创建一个圆形头像,但我无法让我的图像显示在我的圈子中。我正在使用svg模式def尝试用图像填充圆圈。谁能告诉我我在下面做错了什么?谢谢。varconfig={"avatar_size":48}varbody=d3.select("body");varsvg=body.append("svg").attr("width",500).attr("height",500);vardefs=svg.append('svg:defs');defs.append("svg:pattern").attr("id","grump_avatar").attr("width",co

javascript - github 页面提供 javascript/d3 可视化

我想提供javascript脚本并让它们运行,以便人们可以转到我的*.github.io页面并查看那里的可视化效果。这可能吗?如果是这样,我如何将javascript嵌入到markdown中? 最佳答案 来自MarkdownSyntaxOverview:ForanymarkupthatisnotcoveredbyMarkdown’ssyntax,yousimplyuseHTMLitself.There’snoneedtoprefaceitordelimitittoindicatethatyou’reswitchingfromMark

javascript - 向 d3 图表添加一条水平线显示错误的值

我想在我的图表中添加一条水平线,相对于y轴值,问题是它们出现在错误的位置。两条线应显示在相对于y轴值的90和140处。我用来添加该行的代码如下:if(before_meal!==null||after_meal!==null){svg.append("svg:line").attr("x1",0).attr("x2",width).attr("y1",before_meal).attr("y2",before_meal).style("stroke","rgb(189,189,189)");svg.append("svg:line").attr("x1",0).attr("x2",wi

javascript - 如何在 d3.js 中的兄弟元素之后插入

我想在人们放大圆圈时插入一个外部对象。我知道有一个Insertbefore:functionzoom(d,i){d3.select("g").insert("foreignObject",'#'+d.name)//insertafteracircleinthegroup.attr("width",450).attr("height",450).attr("id",'f_'+d.name).append("xhtml:div").html(content)}但html内容会被点击的圆圈遮挡。是否有insertafteraspecificsibling以便将foreignObject插入到

javascript - 如何翻转我的 D3 图表上的 Y Axis ?

我有这张图:http://jsfiddle.net/5c4sa6vb/1/我一直想弄乱它并尝试翻转yAxis。我需要的是让刻度从左下角的0,0开始。我试过弄乱域和范围,但似乎无法解决我的问题:/vary=d3.scale.linear().range([0,width-200]); 最佳答案 这是一个有效的版本:fiddle首先,将Axis域元素的顺序从([0,whatever])切换为([whatever,0])将反转比例。其次,一个小错误。您只是在y比例尺中使用了width而不是height。因此,由于图形不是正方形,所以它的长

javascript - 在 Force 布局中为 d3 节点添加文本标签

这是我的代码,你也可以在JsFiddle上找到完整的代码.我想在每个节点上都有标签,但我做不到。顺便说一句,标签可以嵌入在console的圆圈中。.varnodes=svg.selectAll("circle").data(dataset.nodes).enter().append("circle").attr("r",10).style("fill",function(d,i){returncolors(i);}).call(force.drag);varlabel=nodes.append("svg:text").text(function(d){returnd.name;}).s

javascript - 使用汇总将 d3.event 导入自定义构建

我有一个这样的文件d3.custom.build.js(简化):import{range}from'd3-array';import{select,selectAll,event}from'd3-selection';import{transition}from'd3-transition';exportdefault{range,select,selectAll,event,transition};还有一个像这样的rollup.config.js:importnodeResolvefrom'rollup-plugin-node-resolve';exportdefault{entry