草庐IT

d3_graph_chart

全部标签

javascript - D3.js force directed graph,通过使边缘相互排斥来减少边缘交叉

所以我已经有一个页面绘制了一个力导向图,如图所示here.而且效果很好。我正在使用here中的JS,并进行一些调整以更好地分布节点。这些或多或少是唯一的区别:d3.json("force.json",function(json){varforce=d3.layout.force().gravity(0.1).charge(-2000).linkDistance(1).linkStrength(0.1).nodes(json.nodes).links(json.links).size([w,h]).start();降低链接强度似乎使链接更像Spring,因此它变得类似于Fruchterm

javascript - 删除 chart.js 中的 x 轴标签/文本

如何隐藏chart.js中显示的x轴标签/文本?设置scaleShowLabels:false仅删除y轴标签。varoptions={scaleFontColor:"#fa0",datasetStrokeWidth:1,scaleShowLabels:false,animation:false,bezierCurve:true,scaleStartValue:0,};varlineChartData={labels:["1","2","3","4","5","6","7"],datasets:[{fillColor:"rgba(151,187,205,0.5)",strokeColor

javascript - 在 Chart.js 中将 Y 轴值从实数更改为整数

我有一个图表,我想使用Chart.js将其包含在我的网站中.在Y轴上,它给了我实数而不是整数。如何将数字更改为整数?这是我现在拥有的图片:这是代码:varlineChartData={labels:["2013/04/01","2013/03/31","2013/03/30","2013/03/29","2013/03/28","2013/03/27","2013/03/26"],datasets:[{fillColor:"rgba(151,187,205,0.5)",strokeColor:"rgba(151,187,205,1)",pointColor:"rgba(151,187,

javascript - Chart.js — 绘制任意垂直线

如何使用Chart.js在x轴上的特定点绘制垂直线?特别是,我想在折线图上画一条线来指示当前日期。这是图表的模型:http://i.stack.imgur.com/VQDWR.png 最佳答案 更新-此答案适用于Chart.js1.x,如果您正在寻找2.x答案,请查看评论和其他答案。您扩展折线图并在绘制函数中包含绘制线条的逻辑。预览HTML脚本vardata={labels:["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],datase

javascript - d3.js & nvd3.js -- 如何设置y轴范围

我正在尝试将图表的y轴范围设置为1-100。查阅了API文档并找到了axis.tickValues的可能解决方案,如此处所示https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickValues但是,使用该选项不起作用。在axis.tickSize下的上面链接的文档页面上进一步阅读,发现以下行Theendticksaredeterminedbytheassociatedscale'sdomainextent,andarepartofthegeneratedpathdomainratherthanatickline所以我认为设置范围的最小

javascript - Facebook Graph API 不会返回电子邮件地址

编辑:不重复,因为:我有权限调试token代码适用于测试用户请不要在未阅读的情况下标记为重复。我正在尝试获取用户电子邮件地址,但我没有获取到。在GraphAPIExplorer上,当我点击发送时,电子邮件字段变灰并显示:fieldisemptyordisallowedbyaccesstoken但当我调试token时,它已授予电子邮件权限我的个人资料有一个电子邮件地址。更新:我尝试了https://developers.facebook.com/tools/console/.我的配置文件没有返回任何内容,即使在另一台计算机上也是如此。但相同的代码会返回另一个帐户的电子邮件、名称和uid。

javascript - 如何在 chart.js (chartjs.org) 中为所有图表类型添加标签/图例?

chart.js的文档提到了“图例模板”,但没有提供此类图例的资源或示例。这些如何显示? 最佳答案 您可以在图表选项中包含图例模板://legendTemplatetakesatemplateasastring,youcanpopulatethetemplatewithvaluesfromyourdatasetvaroptions={legendTemplate:''+''+''+'\">'+''+''+''+''}//don'tforgettopassoptionsinwhencreatingnewChartvarlineChar

javascript - Chart.js 多工具提示标签

我正在尝试让charts.js在工具提示中显示每个数据集的标签名称。我的代码:varbarChartData={labels:["January","February","March","April","May","June","July"],datasets:[{label:"Bob",fillColor:"rgba(88,196,246,0.5)",strokeColor:"rgba(88,196,246,0.8)",highlightFill:"rgba(88,196,246,0.75)",highlightStroke:"rgba(88,196,246,1)",data:[ra

javascript - 如何在 D3 图表的标签中包含换行符?

我正在使用D3生成条形图(我改编了来自thisexample的代码)。我在x轴上使用的标签每个都有几个字长,因为这会使所有标签重叠,所以我需要跨行打断这些标签。(如果我能用换行符替换每个标签中的所有空格就好了。)我最初通过用文字换行符( )替换空格并设置xml:space="preserve"来尝试此操作在标签上元素。不幸的是,事实证明SVG不尊重这个属性。接下来,我尝试将每个单词包装在中。我以后可以设计风格。我通过这个函数传递了每个标签:function(text){return''+text.replace(//g,'')+'';}但这只是字面意义上的s进入输出。如何将文本

javascript - D3 将文本附加到 SVG 矩形

我希望将html附加到D3中的矩形上,以提供多行工具提示。底部是我如何添加一个矩形,这可能是问题的一部分。顶部是应该在我的世界中工作的代码。newRect.().html("Test"+""+"Test2");它确实在SVG中插入了一个文本字段,只是不显示:HTML:TestTest2我有一个鼠标悬停功能,它运行以下命令:newRect=svg.append("rect").attr("x",xCor).attr("y",yCor).attr("width",130).attr("height",160).attr("fill","red").attr("id","rectLabel"