nvd3.js相关内容

在 nvd3.js 中格式化日期

如何在 nvd3.js 中制作日期格式.例如: data1 = [{“价值观":[{“x":1374561814000,“是":2}],“键":“x轴"}] 1374561814000是什么意思,它是如何从日期转换而来的? 解决方案 日期 1374561814000 当前为 Unix 时间戳. 您可以定义希望日期在传递到图表时的显示方式.阅读 d3 指南以了解 时间格式它会让你更 ..
发布时间:2022-01-15 10:19:22 其他开发

rCharts - Shiny 中的传单和 nvd3 之间的冲突

我试图在同一个闪亮页面中包含传单地图和 nvd3 rCharts 图表.当我这样做时,传单不再显示我曾经在地图上显示的圆圈/POI(但不包括 nvd3).我怀疑这是 JS/CSS 冲突,因为当我尝试单独包含它们时效果很好. 一旦我启动“runapp"并查看 html 代码,我可以看到包含传单和 nvd3 时唯一的区别是正在使用的库: ..
发布时间:2022-01-12 18:19:09 其他开发

如何更改 NVD3 图表中的图例位置?

有谁知道如何相对于图表本身在 NVD3 图表中重新定位图例? 默认情况下它在顶部,我希望它在侧面(更好地利用我的应用程序内的空间) 我想做的一个例子: 解决方案 截至撰写本文时(2015 年 7 月 2 日)nvd3 支持将图例放在饼图的右侧. 初始化图形时,将legendPosition设置为right. 示例: nv.addGraph(function() { ..
发布时间:2021-12-25 17:00:30 其他开发

NVD3(D3 JS)如何去除y2轴

我正在尝试使用以下示例,它是一个折线图和条形图的组合. NVD3 Line &条形图组合 我遇到的问题是我希望折线图和条形图都使用来自 y1 轴的相同数字,但我不知道如何摆脱 y2 轴并执行此操作. 如果有人能指出我正确的方向,那将是一个很大的帮助. 提前致谢. 编辑: 我遇到的问题的 JSFiddle.我只是使用 NVD3 下载中的示例,并在 return c ..
发布时间:2021-12-24 14:42:58 前端开发

NVD3散点图圆半径

我想知道如何在 NVD3 散点图中设置圆圈的最小和最大半径. NVD3 散点:http://nvd3.org/ghpages/scatter.html 解决方案 在您的图表对象上调用 .sizeRange([minArea, maxArea]).请注意,“大小"与面积成正比,而不是与半径成正比,因此您需要使用最大/最小半径的平方(如果要精确,则需要调整 pi/2). ..
发布时间:2021-12-18 19:46:03 前端开发

NVD3 图表无法在隐藏选项卡中正确呈现

我正在构建一个包含许多图表的页面,这些图表一次显示一个,具体取决于您正在查看的选项卡. 初始活动选项卡中的图表呈现正确.但是,当我单击另一个选项卡时,图表无法正确呈现. 大概这是因为隐藏字段在使其可见之前没有尺寸.事实上,如果我调整窗口大小,图表将更正它的比例,并进行渲染以填充可用宽度. 我可以通过 css 显式定义图表大小来解决这个问题,但这会破坏图表的响应性. 谁能告诉 ..

了解 nvd3 x 轴日期格式

日期 (x xAxis) 如何格式化为“1025409600000"?我一直在研究他们的文档,但无法弄清楚这是如何工作的,如果有人能帮助我理解如何将其更改为“正常"日期格式,例如 MMDDYYYY 这是图表:http://nvd3.org/ghpages/stackedArea.html 文档:https://github.com/mbostock/d3/wiki/Time-Forma ..
发布时间:2021-12-18 19:39:48 前端开发

如何使用 d3.js 对图表标签进行自动换行

我正在尝试使用 d3.js 实现水平条形图.一些图表标签太长.如何对y aixs上的图表标签进行自动换行? 源代码: var data = [{"Name": "Label 1", "Count": "428275" }, { "Name": "Label 2", "Count": "365005" }, { "Name": "标签 3", "Count": "327619" }];无功 ..
发布时间:2021-12-18 19:39:25 其他开发

NVD3,在加载新图表之前清除 svg

我在同一个 svg 中有几个不同的 NVD3 图表.我使用按钮来调用函数,每个函数都包含一个使用自己数据的新图表. 有没有办法在不删除的情况下清除我的单个 svg?我想按一个按钮来调用我的图表,但在加载新图表之前清除 svg. 使用这种图表时,这不是问题……例如,调用两个 multibarhorizo​​ntal 图表,只需更新形状,这很好.问题是加载两个不同的图表,例如折线和条形图. ..
发布时间:2021-12-18 19:38:23 其他开发

在 nvd3.js lineWithFocusChart 中设置“焦点"区域

我正在使用此处显示的 nvd3 示例中显示的 lineWithFocusChart.js 模型:http://nvd3.org/ghpages/examples.html 我希望能够为图表选择一个特定的 x 范围,以便在加载时关注.我以为我可以设置图表中的一个变量来完成此任务. 解决方案 假设页面上只有一个 nvd3 生成的图: chart = nv.graphs[0]//如何通过 ..
发布时间:2021-12-18 19:37:57 前端开发

使用 nvd3.js 的实时折线图

我正在尝试使用 nvd3.js 创建一个实时图表,该图表会定期更新,并且给人的印象是数据是实时处理的. 现在我已经能够创建一个函数来定期更新图表,但我无法像向左过渡的线那样在“状态"之间进行平滑过渡. 这里是我使用 nvd3.js 所做的,这里有趣的代码是: d3.select('#chart svg').数据(数据).transition().duration(持续时间).call ..
发布时间:2021-12-18 19:32:22 前端开发

如何在 nvd3/d3.js 的 x 轴上显示日期?

我使用的是 nvd3,但我认为这是关于时间刻度和格式的一般 d3.js 问题.我创建了一个简单的例子来说明问题(见下面的代码): 如果我省略 xAxis 的 .tickFormat,它可以在没有日期格式的情况下正常工作.在下面的例子中,我得到了错误: 未捕获的类型错误:对象 1326000000000 没有方法 'getMonth' nv.addGraph(function() {v ..
发布时间:2021-12-18 19:31:16 其他开发

NVD3 折线图 X 轴刻度丢失

我使用 NVD3 在此处显示折线图:http://jsbin.com/xodaxafiti/2/edit?js,output 但似乎 NVD3 会自动隐藏 XAxis 上的一些刻度标签,但仅隐藏边缘附近的刻度,即 2-3Oct 和 27-28Oct(第一个和最后一个刻度除外).我知道这是一个自动缩小,因为当我增加图表的宽度时,刻度开始出现.但是我发现这种减少行为很奇怪,并且 lineChar ..
发布时间:2021-12-18 19:21:13 前端开发

如何在 nvd3 中禁用图例或限制其大小

我正在使用 nvd3 并有一些图表,其中的图例很大.例如.具有 15 个组的分散/气泡,并且组名很长.图例太大了,几乎没有图表本身的空间. 有没有办法删除图例或切换图例或限制它占用的高度/宽度?任何例子都会很棒. 另外,有没有办法让气泡显示描述性字符串?现在,当您站在气泡顶部时,它会突出显示 x/y 坐标.我还希望它显示气泡名称. 例如,我的每个气泡代表一个国家(有名字),x 是 ..
发布时间:2021-12-18 19:19:45 其他开发

如何为 NVD3.js 图表添加标题

我想在 NVD3.js 中的图表上添加标题文本. 我尝试了以下方法, nv.addGraph(function() {var chart = nv.models.linePlusBarWithFocusChart().margin({顶部:30,右侧:60,底部:50,左侧:70}).x(function(d,i) { return i }).color(d3.scale.category ..
发布时间:2021-12-18 19:18:57 其他开发

如何自定义NVD3饼图中的颜色

我正在尝试使用 NVD3 http://nvd3.org/livecode/#codemirrorNav 饼图.但我想更改默认颜色.我如何改变颜色.我做不到. 解决方案 要使用自己的颜色,您必须覆盖现有的颜色,我不想修改原始代码. 这就是我所做的. var myColors = ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467 ..
发布时间:2021-12-18 19:14:19 前端开发