Tag: d3.js

如何根据轴值更改d3js中的线条颜色？: 如果X> 100，我想改变此折线图的颜色我希望它变成“红色” 有没有办法可以根据X的值在笔画颜色样式中使用条件？ http://jsfiddle.net/iamjeannie/b445svob/1/ 在此处输入链接说明 var lineData = [ { “x”: 1, “y”: 5}, { “x”: 20, “y”: 20}, { “x”: 40, “y”: 10}, { “x”: 60, “y”: 40}, { “x”: 80, “y”: 5}, { “x”: 100, “y”: 60}, { “x”: 120, “y”: 15}, { “x”: 140, “y”: 40}, { “x”: 160, “y”: 25}, { […]

在d3.js强制有向图中是否有点击和双击事件: 我正在使用d3.js处理力导向图。我需要在移动设备的节点上处理点击和双击事件。鼠标hover和点击function需要复制为d3.js中的点按和双击。我设法让触摸事件有效但却不知道如何在移动设备中捕获双击事件。

处理重叠SVG图层中的鼠标事件: 我正在使用d3.js构建地图可视化。我正为美国各州和县绘制填充多边形。县的SVG层位于州的层下。填充状态，但填充不透明度设置为0; 需要填充（我认为）来捕获点击事件。我想在州一级捕获点击事件，但我想在县一级捕捉鼠标hover事件。但是，鼠标hover事件由州捕获，而不是传递到县。有没有办法将事件传递到一个层或以其他方式触发该县的鼠标hover事件？

试图添加多个D3图表: 我正在试图弄清楚如何在我的网站上包含2个或更多图表。我目前正在使用Area Graph和Pie Graph 。如果我禁用其中一个，那么另一个工作正常，但当我尝试同时使用它们时，它会停止工作。面积图的JS代码 var margin = { top: 0, right: 0, bottom: 30, left: 50 }, width = 670 – margin.left – margin.right, height = 326 – margin.top – margin.bottom; var parseDate = d3.time.format(“%d-%b-%y”).parse; var x = d3.time.scale() .range([0, width]); var y = d3.scale.linear() .range([height, 0]); var xAxis = d3.svg.axis() .scale(x) […]

为什么这个D3代码会将元素添加到正文之外，而不是在其中？: 我正在学习D3并且使用select运算符遇到了一个问题。具体来说，为什么下面的代码将元素添加到正文之外，而不是在其中？ var pData1 = d3.select(“body”).select(“p”).data([1]).enter().append(“p”); 我正在使用一个完全空白的HTML文件，只需要和标签进行测试。

D3.js：如何从分组条形图中的JSON读取数据: 我正在研究D3.js ，我正在探索D3的每个方面。在探索分组条形图时，我可以通过JSON（而不是通过CSV）读取文件。如果您可以在Grouped Bar Chart中看到他们正在使用data.csv State,Under 5 Years,5 to 13 Years,14 to 17 Years,18 to 24 Years,25 to 44 Years,45 to 64 Years,65 Years and Over CA,2704659,4499890,2159981,3853788,10604510,8819342,4114496 TX,2027307,3277946,1420518,2454721,7017731,5656528,2472223 NY,1208495,2141490,1058031,1999120,5355235,5120254,2607672 FL,1140516,1938695,925060,1607297,4782119,4746856,3187797 IL,894368,1558919,725973,1311479,3596343,3239173,1575308 PA,737462,1345341,679201,1203944,3157759,3414001,1910571 我想用JSON文件构建相同的图形。如何将此CSV文件转换为JSON文件并生成相同的图形？请帮忙。编辑我根据自己的需要自定义此图表。这是我的data.csv State,Orders,Abandoned 0,300,500 1,400,600 2,500,700 3,600,800 4,700,900 5,800,1000 6,900,1100 7,1000,1200 8,700,900 9,600,700 10,550,750 所以在这里我对所有值进行了硬编码，并且图形以一种很好的格式出现。现在，我正在使用JAXB编写Web服务，以使用JSON格式发送相同的数据。 { “ordernumbertrack”: […]

如何让我的D3地图缩放到某个位置？: 我正在使用D3，到目前为止，我已经能够调整chloropleth示例以仅绘制特定状态。这只涉及删除所有其他多边形数据，以便我留下我需要的状态。我从这开始：然后调整到这个：但是，我想要做的是在创建时自动平移/缩放地图，以便状态在显示器的前面和中心，如下所示：我是通过D3库完成的吗？或者一些独立的代码（我目前使用d3运行jquery-svgpan以允许手动平移/缩放）以实现这一目标？

如何使用d3.js在折线图上的某个点上显示图标: 我正在使用d3创建一个简单的折线图，但是我不想使用路径上的标准点，而是要显示一个非常棒的图标，例如’fa-arrow-up’。我试过以下…… var setDirectionalPrediction = function(points){ points.each(function(){ var point = $(this); point.append(”); var image = point.children()[0]; $(image).addClass(‘fa fa-long-arrow-up’); }); } setDirectionalPrediction($(‘#rd-d3-graph path.nv-point’)); 无济于事……任何想法？

如何仅突出显示NVD3折线图中的某些坐标？: 有人可以告诉我如何仅根据某些条件突出显示NVD3折线图中的某些坐标，例如，如果x轴值大于100，则突出显示该坐标。请参见图片： http ： //i.stack.imgur.com/AHJaK.jpg 已经问过这个问题或类似的问题，但我没有看到答案。提前致谢。如何在NVD3中突出显示简单折线图上的点？

在D3.js中添加具有嵌套条目的属性: 我已经使用d3.nest（）逐行值代码是这样的 function createNestingFunction(propertyName){ return function(d){ return d[propertyName]; }; } var levels = [‘first’, ‘second’, ‘third’] var nest = d3.nest(); for (var i = 0; i < levels.length; i++) { nest = nest.key( createNestingFunction(levels[i]) ); } var root = { "key":"root", "values": nest.entries(data) //compute the nest } 如果有两个键[‘locationId’，’userID’]，那么结果将是这样的 [ { “key”:”12345646″, <=== this group by […]