nvd3.js相关内容

单击恢复x轴值 - NVD3 LineChart

有没有办法在NVD3的 lineChart()中点击事件恢复x轴值? 我得到的最接近的是这个答案: nvd3.js:无法绑定onClick事件与数据点在svg 但我想要的是恢复x轴的值,并重定向到另一个页面,将其作为参数传递。 我也尝试过这种方法,类似于我在multiBarChart上使用,但不成功: $(“g.nv-point-paths”)。on(“hover”,fu ..
发布时间:2017-03-11 00:33:27 前端开发

我试图让NVD3处理来自ajax请求的数据

我想使用NVD3.js完成这个堆叠区域图: http://nvd3.org/ examples / stackedArea.html 我制作了一个网络服务,使用visual studio连接到我的兽医sql服务器。它单独测试时工作。我想介绍每天新的临床病例的数量。我是新到D3和NVD3。然而,这两个图书馆看起来惊人。我试图看看其他帖子和教程,但我很困惑。 实质上,我试图复制并粘贴示例代 ..
发布时间:2017-03-11 00:26:10 前端开发

d3.nest添加额外的变量

我只想在下面的数据中添加两个新变量,即 slope 和 intersect 。 data.csv文件只包含列出的列 - 级别, X , Y 和 Size 。我想在下面的数据中添加上述两个新变量。 数据: [ { “key”:“Level1”, “values”:[ { “x”:118, “y”:106, “size”:1.113207547 }, { “x”:111, ..
发布时间:2017-03-11 00:23:54 前端开发

如何传递从webservice返回的json数据到D3.json(...)?

感谢您的帮助!我能够成功地构建我的webservice和NVD3.js堆积面积图。但是,我一直在努力,没有任何成功将json数据从我的webservice传递到我的NVD3.js图。在我的webform上,我为一个间隔选择两个日期,然后单击“go”按钮。 我觉得很明显,我失踪了。如果不可能,是否有一种方法来保存从我的webservice返回的json数据到一个常规文件(例如myFile.js ..
发布时间:2017-03-11 00:15:05 JavaScript

使得轴刻度在nvd3中有更多的空间

我在 nvd3 中构建一个横向条形图,其中域名为x标签。域名虽然不太长,但比给他们的空间长。如何在 nvd3 ? jsfiddle example here。 解决方案 显然,指定自己的边距。例如: var chart = nv.models.multiBarHorizo​​ntalChart() .margin({top:30,right :10,bottom:30,le ..
发布时间:2017-03-11 00:05:45 JavaScript

NVD3线图工具提示不跟随鼠标

我使用NVD3库生成线图,并提供了一些数据: 注意,我只在线图的开始和结束处得到一个工具提示。 现在, c $ c> useInteractiveGuideline(false) 这个正确显示,但是非常滞后,我想使用 useInteractiveGuideline(true)。 怀疑这是一个错误 b 解决方案 $ p> .x(function(d){ return ..
发布时间:2017-03-10 23:57:52 前端开发

如何使用nvd3做一个100%堆积的图表?

我看了nvd3堆积图表,有谁知道我怎么能做一个100%堆积图表与nvd3? 例如,如下图所示: https://www.syncfusion.com/content/en-US/Products/Images/wpf/chart/wpf-chart-ColumnStacked100.jpg 解决方案 我使用multibar图表,然后转换数据模拟100%堆叠条形图。我不得不添加每个条的 ..
发布时间:2017-03-10 23:43:15 JavaScript

如何在NVD3饼图上显示百分比%?

我一直在尝试在 NVD3饼图上显示百分比,但我不'看看如何做...我在寻找 this 首先,是有一个图表选项,或者显示里面饼形图?如果是,是否有一个选项来显示百分比而不是确切的值? 感谢并享受周末! 解决方案 已能够获取示例 NVD3饼图的工作方式。 我知道的唯一方法是编辑 pieChart.js 。从此处拉出NVD3源,然后在 / src / models / 打开 p ..
发布时间:2017-03-10 23:39:51 前端开发

NVD3.js着色图中的特定条

有办法为特定的酒吧着色吗? 代码: https://github.com/tvinci/webs/blob/gh-pages/lineplusbar.html 示例: http://tvinci.github.io/webs/lineplusbar.html 我想这样做,但i的值不是我发送的y值。它已被修改: d3.selectAll(“rect.nv-bar”) .s ..
发布时间:2017-03-10 23:29:36 JavaScript

NVD3当使用ajax - data.map传递的数据不是函数时,不会显示折线图

我使用.NET MVC来显示我的格式化JSON / Home / GetJsonMovingAverages。 如果我复制和粘贴这些数据,它都会在图表上正确加载,但是通过Ajax加载会导致它明显错误。 我已经尝试通过回调来强制等待,在.ajax方法中禁用异步,以及过多的其他检查,帮助我识别或暴露问题。 这只是我之外。 使用d3,然后尝试在图形上呈现它。这是接近的演示代码,因 ..
发布时间:2017-03-10 23:17:54 前端开发

nvd3折线图未正确显示。 (点和阴影区域)

所以我使用nvd3,我想在一个折线图中显示2行。我知道代码是好的,因为我试图在nvd3的活代码,它的工作正常。我在许多地方读到,因为他们使用的nvd3实时代码的代码和api不一样。 所以图形是阴影的,有点。但是在nvd3的直播代码中没有点和阴影区域。 这是我的代码: code> nv.addGraph(function(){ var chart = nv.models.line ..
发布时间:2017-03-10 23:11:03 前端开发

x轴日期不与nvd3中的y轴数据对齐

我使用NVD3与Flask,我有日期在x轴。 如您所见x轴上的线不与点重合。我在x轴上打印出日,月,年和小时。我不明白为什么日期不是等间距,即“小时”是不一样的,即使我的x轴数据,使得行超过“24小时”分开。我认为这是造成问题的原因。 (编辑) 我的代码是: nv.addGraph(function(){ var chart = nv.models.lineChart(); ..
发布时间:2017-03-10 23:00:14 JavaScript

nvd3工具提示十进制格式

我使用nvd3显示折线图。 格式化工具提示内容有点麻烦 这是我用来格式化y轴文本的行 chart1.yAxis.tickFormat(d3.format ('.02f')); 但是,它只在y轴生效。 如果有一个像44.123231的值,在y轴,它将显示为44.12,但在工具提示,它显示44.00。 可能是什么问题? 在nvd3中有一种方式来格式化工具提示 ..
发布时间:2017-03-10 22:48:03 前端开发

NVD3 - 更新数据时不均匀的记号

当我更新现有NVD3图表中的数据时,沿x轴的刻度不是以固定的间隔呈现。 我创建了一个 multiBarChart ,数据源自 d3.json()。数据表示日期范围内的匹配。我有一个单独的日期范围选择器更新图表的数据。 我有以下创建图表(简化): initGraph = function(url){ d3.json(url,function(data){ nv.addGrap ..
发布时间:2017-03-10 22:44:50 JavaScript

更改一个y轴的范围nvd3 / d3

我目前使用multiChart模型,我有两个不同的y轴。我想改变两个轴,使它们从0开始,因为它们从最小的y数据点开始。 我试过做下面的事情: / p> chart.yAxis1 tickFormat(d3.format(',。f')) .domain [0,max_y]); 但似乎无效 和 .forceY([0,max_y]) ..
发布时间:2017-03-10 22:44:39 前端开发

nvd3散点图

Im相对较新的d3和nvd3,想要创建一个简单的散点图,就像示例,但使用顺序 y轴。因此y轴值是分类字符串。这是我想我需要做的: var xfun = function(d){return d.Pos} // simple int s ,yfun = function(d){return d.Title} //序数值 var chart = nv.models.scatterCha ..
发布时间:2017-03-10 22:43:28 前端开发

如何用nvd3绘制对数线图

有一种方法用nvd3绘制对数线图 解决方案 我不是一个nvd3 / d3的专家,我已经为 nv.models.lineChart : chart.yScale(d3.scale.log()); chart.yAxis.tickValues([1,10,100,1000,10000,1000000]); chart.forceY([1,1000000]); ..
发布时间:2017-03-10 22:39:46 JavaScript

NVD3多条水平图x轴域

如何使用nvd3将我的网域设为[0,400]?这是我的代码: var chart; nv.addGraph(function(){ chart = nv.models.multiBarHorizo​​ntalChart()。x(function(d){ return d.label })。y函数(d){ return d.value })。margin({ top:30, ..
发布时间:2017-03-10 22:24:06 JavaScript