草庐IT

d3_graph_chart

全部标签

javascript - 单击时 d3 javascript 替代颜色

我刚开始玩d3,想知道如何在单击元素时改变元素的颜色。这个fiddle点击它改变了圆圈的颜色,但我想在再次点击后将颜色恢复为白色。当前代码:varsampleSVG=d3.select("#viz").append("svg").attr("width",100).attr("height",100);sampleSVG.append("circle").style("stroke","gray").style("fill","white").attr("r",40).attr("cx",50).attr("cy",50).on("click",function(){d3.select

javascript - 使用 d3.js 的维恩图布局

是否有关于如何使用d3.js绘制维恩图的示例?我知道twosamples:在D3网站上提供。然而,他们强制我自己计算圆圈的x.y位置。我希望只将数据(圆圈大小和重叠大小)提供给函数/图表,它应该为我进行布局。 最佳答案 VennDiagramswithD3.js它工作正常。 关于javascript-使用d3.js的维恩图布局,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/125

javascript - d3.js - 在堆叠图表上移动 y 轴

我也把这个问题发在了谷歌群组https://groups.google.com/forum/?fromgroups#!topic/d3-js/DYiVeC544ws,但看到它更喜欢在这里提出帮助问题。我只是无法将y轴移动到图表的左侧,这样它就不会妨碍第一列。我在google群组上提供了一张图片,这样您就可以看到我在说什么。创建轴的代码如下:varMARGINS={top:20,right:20,bottom:20,left:60};//marginsaroundthegraphvarxRange=d3.scale.linear().range([MARGINS.left,width-M

javascript - 当范围为 0-1 或 0-2 时,在 d3.js 中仅显示沿 y 轴的整数值

我正在使用d3js显示网站View的实时表示。为此,我使用堆栈布局,目前我通过JSON更新我的数据集。当y轴上只显示1或2个View时,与图表中的View数量动态相关,轴标签为:1=>0,0.2,0.4,0.6,0.8,1,轴标签是:2=>0,0.5,1,1.5,2这对我的数据集没有意义,因为它显示页面的View,您可以有一半的看法。我在d3js中有一个线性刻度,我的y轴基于vary_inverted=d3.scale.linear().domain([0,1]).rangeRound([0,height]);根据thedocumentationofrangeRound()我应该只得到

javascript - D3.js:从选择中删除 force.drag

我有一个(相当简单的)问题:如何在D3.js做出的选择上“取消调用”force.drag?假设我创建了一组元素并在其上调用了“调用”,为它提供了力导向布局的拖动回调。看起来像这样:d3.selectAll('rect').call(force.drag);现在以后可以从某些节点中删除该行为。我的方法包括使用重置各种监听器,例如“点击”、“拖动”等d3.select('rect#no-drag').on('click',null);它们都不起作用。有人知道如何删除回调吗? 最佳答案 你很接近。拖动事件由一个名为drag的命名空间的mo

javascript - 使 d3.js 兼容 IE8/IE9

我正在使用来自以下链接的排行榜http://labs.juiceanalytics.com/leaderboard/index.html#2a65db98c6f451b7f071b630694bc350在此排行榜中,使用了d3.js和d3.csv.js。这个排行榜在除IE8和IE9之外的所有浏览器中都运行良好。对于这些浏览器,d3.js存在一些脚本错误。我在互联网上搜索得很清楚,但我没有找到任何有希望的解决方案来使其与IE8或IE9一起工作。它显示的错误是“对象找不到.map()方法”,它在d3.js中使用。很高兴有人能帮我解决这个问题。 最佳答案

javascript - Chart.js - 在单杠内写标签?

在Chart.js中,有什么方法可以在"horizo​​ntalBar"图表的水平条内写入标签?比如:在Chart.js中是否有类似的东西?谢谢! 最佳答案 现在有选项“镜像”使标checkout现在栏内。水平条形图的“选项”配置示例:options:{scales:{yAxes:[{ticks:{mirror:true}}]}}文档:http://www.chartjs.org/docs/latest/axes/cartesian/#common-configuration 关于jav

javascript - 使用 Chart.js 创建多折线图

我正在尝试使用Chart.js创建多线图表我可以为1行执行此操作,我可以使用固定数据结构执行2行,但我无法获得多行来显示传递给数据结构的数据。这里是chart.js网站的示例用法http://www.chartjs.org/docs/#getting-startedvarmyLineChart=newChart(ctx).Line(data);vardata={labels:["January","February","March","April","May","June","July"],datasets:[{fillColor:"rgba(220,220,220,0.2)",str

javascript - Chart.js 将逗号添加到工具提示和 Y 轴

我已经在stackoverflow中尝试了一些答案,但都没有成功。我是Chart.js的新手,所以请多多包涵。这是我目前尝试过的。AddCommastoChartJSDataPoints还有这个Chart.jsnumberformat这是我的代码:提前致谢。Chart.defaults.global.legend={enabled:false};functionload_yearly_sales_per_agent(param_year,transaction_url){$(".custom_loader").show();$(".custom_graph").hide();$.aja

javascript - 如何使用 d3.js 拖动行为拖动 svg 组?

我正在使用D3jsdrag.单个元素被拖动得很好。但我想拖动一组元素。如何完成。这是我的JsFiddlelink上的内容:functiononDragDrop(dragHandler,dropHandler){vardrag=d3.behavior.drag();drag.on("drag",dragHandler).on("dragend",dropHandler);returndrag;}varg=d3.select("body").select("svg").append("g").data([{x:50,y:50}]);g.append("rect").attr("width"