草庐IT

d3_graph_chart

全部标签

javascript - 通过数据选择 d3 节点

我想在不使用d3.select(this)的情况下在回调中选择一个节点。我有一些画饼图的代码......functiondrawPie(options){options||(options={});vardata=options.data||[],element=options.element,radius=options.radius||100,xOffset=Math.floor(parseInt(d3.select(element).style('width'),10)/2),yOffset=radius+20;varcanvas=d3.select(element).appen

javascript - 如何知道 D3.js 中的当前缩放级别

几天前我遇到了一个问题。我有一个图表,当我使用ZoomBehavior时它有效,但我需要知道何时达到最大缩放以加载新给定//Specifiesthezoomscale'sallowedrange,[min,max]d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom",draw)查看我的代码http://jsfiddle.net/albanlopez/D4MRP/ 最佳答案 在绘图函数中,当前事件将具有缩放级别(如您提到的d3.event.scale)。另外,如果您保持以下行为:v

javascript - Chart.js 将填充添加到比例

我需要在x轴和y轴上添加填充。这个问题(HowtoaddpaddingbetweenGraphandX/Y-Scaleinchart.js?)是我的确切情况,只有我使用的是Chart.js2。查看屏幕截图:http://i.imgur.com/2BvlZDg.png基本上我的观点是大图,所以它们超出了图表。有没有办法向图表区域或比例添加填充以使其更适合? 最佳答案 想出一种使用yAxes的方法:options:{scales:{yAxes:[{ticks:{padding:100}}],}}目前在x轴上没有解决方案。解决您的问题的方

javascript - 未捕获的类型错误 : Cannot read property 'offsetWidth' of undefined - chart. js

我有这个简单的html:和这个js:varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'bar',data:{labels:["Red","Blue","Yellow","Green","Purple","Orange"],datasets:[{label:'#ofVotes',data:[12,19,3,5,2,3],backgroundColor:['rgba(255,99,132,0.2)','rgba(54,162,235,0.2)','rgba(255,206,86,0.2)','r

javascript - 如何在 Chart.js 中使用百分比刻度

我试图在文档中查找(我在其他地方找到的所有示例都不再有效,可能是由于早期版本的语法过时)如何使用“scaleLabel”,但它引用了比例标题配置一个不存在的链接(不再):http://www.chartjs.org/docs/#scale-title-configuration有人可以提供一个工作示例吗? 最佳答案 如果您在文档中向下滚动,则比例标题配置是一个标题。这是一个简单的条形图示例,使用经过轻微修改的scaleLabel来说明百分比。https://jsfiddle.net/r71no58a/4/scales:{yAxes:

javascript - D3.js 从单独的文件中绘制多个数据集

我正在尝试使用来自两个tsv文件的两组数据绘制散点图。但是,每个都以单一刻度共享x轴。有两个y轴,每个轴都有自己的刻度。我现在拥有的图表将在视觉上有所帮助。问题是,第二个数据集(橙色)仅部分绘制在a轴上约15,000处的污点处。它真的应该是一条更大的线。此外,当我运行它时,有时会呈现第二个数据集,而现在会呈现第一个数据集。不知道为什么会这样..这是两个(可能)相关的代码块://1stdatasetd3.tsv("datatest4.tsv",function(error,tsv1){tsv1.forEach(function(d){d.altit=+d.altit;d.tmp=+d.t

javascript - 使用 AJAX 更新 d3 图表的最佳方法是什么

我学习了几个d3block。我在jquery的帮助下制作了响应式d3直方图。现在我想更进一步地使用ajax更新d3图表。我刚刚接触jquery。并了解一点ajax的工作原理。搜索了很长时间,但我无法在官方d3站点或其他任何地方找到任何可用的示例。任何帮助对我来说都是富有成效的,可以帮助我了解通过ajax更新d3图表的基本block。提前致谢! 最佳答案 我知道OP指定了jQuery,但对于那些不想使用其他框架的Google员工,有一种原生的D3方法可以做到这一点,使用request或json:d3.request(url,funct

javascript - D3的鼠标相对于父元素的坐标

我想获取相对于父元素或DOM中除this之外的任何其他元素的鼠标坐标,但我一直在获取UncaughtTypeError:Object[objectArray]hasnomethod'getBoundingClientRect'd3.v3.min.js:1Hd3.v3.min.js:1vo.moused3.v3.min.js:3(anonymousfunction)index.html:291(anonymousfunction)我的代码:.on("mouseup",function(d){varth=d3.select(this);varcoordinates=[0,0];coordi

javascript - 未捕获的 ReferenceError : require is not defined - Chart. js

我使用Chart.js(新版本)作为:但是当我在chrome中演示时,出现错误:chart.js:4UncaughtReferenceError:requireisnotdefinedImage 最佳答案 在您的代码中,改为拉取bundle。例如~/Plugin/Chart.js/dist/Chart.bundle.js 关于javascript-未捕获的ReferenceError:requireisnotdefined-Chart.js,我们在StackOverflow上找到一个类似

javascript - D3.js 画笔控件 : getting extent width, 坐标

我正在使用d3.js,并且想知道如何获得边、宽度、坐标等;的程度。在这样的例子中http://bl.ocks.org/mbostock/1667367 最佳答案 Brush.extent()使用画笔控件时,您可以使用画笔对象上的.extent()方法访问有关画笔状态的信息。.extent()方法返回的信息取决于您连接到画笔对象的比例类型。如果您链接了一个比例尺(X比例尺或Y比例尺,但不是两者),则extent方法返回[minimum,maximum]形式的双元素数组。如果您将X和Y比例都附加到画笔对象,那么extent方法将返回一个