73得票7回答
NVD3,加载新图表前先清除SVG

我有几个不同的NVD3图表,它们都在同一个svg中调用。 我使用按钮来调用函数,每个函数包含一个使用自己数据的新图表。 有没有一种方法可以清除我的单个svg而不删除它? 我想按下按钮调用我的图表,但在加载新图表之前清除svg。 当使用某种类型的图表时,例如调用两个 multibarhorizo...

58得票6回答
d3.js 和 nvd3.js -- 如何设置 y 轴范围

我正在尝试将图表的y轴范围设置为1-100。 查阅了API文档,并在此处找到了使用axis.tickValues的可能解决方案 https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickValues 然而,使用该选项未能奏效。在上述链接的文...

52得票2回答
如何在nvd3 / d3.js中显示x轴上的日期?

我正在使用nvd3,但我认为这是一个关于时间刻度和格式的d3.js问题。 我创造了一个简单的例子来说明问题(请参见下面的代码): 如果我省略xAxis的.tickFormat,它可以正常工作而不需要日期格式。 但是使用下面的示例会出现以下错误: Uncaught TypeError:...

50得票1回答
rCharts nvd3 lineWithFocusChart 自定义

我正在使用rCharts上的nvd3,并想知道是否有一种方法可以自定义lineWithFocusChart上较低视图查找器图表的轴。 我在下面提供了一个可重现的示例,其中我自定义了x和y轴,使千位数之间用逗号分隔,但该格式不显示在较低视图查找器图表上。应该如何解决这个问题?谢谢! l...

49得票1回答
NVD3图表在Chrome中无法计算图例文本长度,因为Window.getComputedStyle未正确返回字体大小。

背景信息 我使用自定义小部件框架将NVD3图表集成到Eclipse-RAP中。该图表生成在一个div中。CSS是通过在javascript中创建链接条目动态加载的。我通过创建SVG / text元素来检查CSS是否已经加载,然后检查它的font-size是否正常(请参见https://dev...

40得票9回答
nvd3饼图.js - 如何编辑工具提示?

我正在使用nvd3的piechart.js组件在我的网站上生成饼图。所提供的.js文件包括如下几个变量:var margin = {top: 30, right: 20, bottom: 20, left: 20} , width = null , height = null ...

36得票1回答
实时折线图与nvd3.js

我正在尝试使用nvd3.js创建一个实时图形,该图形将定期更新,并给人以数据在实时处理的印象。 目前,我已经能够创建一个会定期更新图形的函数,但是我无法使“状态”之间的过渡平滑,例如线条向左进行过渡。 这里是我使用nvd3.js所做的内容,这里有有趣的代码:d3.select('#char...

35得票7回答
如何自定义NVD3饼图中的颜色

我正在尝试使用NVD3 http://nvd3.org/livecode/#codemirrorNav 来制作一个饼图。但是我想要改变默认颜色。怎么改变颜色呢?我没有成功。

34得票3回答
D3js:何时使用.datum()和.data()?

当使用区域图时,我经常看到.datum。例如:svg = d3.select("#viz").append("svg").datum(data) 在什么情况下需要使用 .datum?是否有什么经验法则?var area = d3.svg.area() .x(function(d) ...

26得票6回答
如何使用nvd3在柱状图上定位旋转的x轴标签?

我正在使用nvd3的multiBarChart来构建一个条形图,并需要调整旋转后的x轴标签的位置: var chart = nv.models.multiBarChart(); ... chart.rotateLabels(-90); 我希望列标签不要重叠在图表之上,并且居中显示在每个条形下...