问题标签 [d3plus]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
328 浏览

javascript - 在 d3plus 中单击节点时使用过滤数据重绘环

我想在单击任何节点时重绘图表。当用户单击任何节点时,它应该从主 Json 中过滤相应节点的数据,然后重新绘制环。我尝试了以下代码,但它不起作用。

以下是 plnkr 的两个版本: 第一个版本第二个版本

类似于This Scatter plot 但在环中的东西

0 投票
2 回答
278 浏览

angularjs - 我正在尝试在 Angular 中注入一个包含图形的部分模板

我正在使用部分模板在 ASP.NET 中创建一个 Angular 应用程序。当我选择菜单并单击“员工”时,控制器会调用 Web 服务并返回正确的 JSON 数据,并将其存储在$scope.message. 我已经显示$scope.message在屏幕上,一切正常。

但是,我想将$scope.message数据源作为数据源提供给存储在名为employees.html. 它似乎不起作用。也许我犯了一个明显的错误,并且非常感谢社区的帮助。谢谢!这是mu代码:

Webform1.aspx(网络表单):

myScript.js(角度模块):

employees.html(注入的部分模板):

0 投票
1 回答
71 浏览

css - 当我使用 Angular 的指令 angular-d3plus 时,不会出现 D3plus 箱线图

这篇文章是以下内容的后续:我正在尝试在 Angular 中注入一个包含图形的部分模板 本质上,我有一个 Angular 应用程序,当我单击“employee”时,我正在尝试注入一个名为“employees.html”的部分模板" 在下拉菜单中。

感谢之前的回答,我可以使用 Angular 控制器调用 d3plus 箱线图(angular-d3plus.js:https ://github.com/mariohmol/angular-d3plus )。我正在使用盒子演示:http ://codepen.io/mariomol/pen/vGNQaV 只是为了让它首先工作。

但是,箱线图非常微弱(我在屏幕上几乎看不到它们):

在此处输入图像描述

通常,它们应该清楚地显示:http: //d3plus.org/examples/basic/78018ce8c3787d4e30d9/ 是因为我以某种方式干扰了 CSS 吗?

这是我更新的employees.html:

这是我更新的 Angular 模块(我正在使用测试数据):

非常感谢您的宝贵时间!

编辑:

我正在尝试让 D3plus 接受箱线图的非日期值并减少引导程序中的行之间的空间

0 投票
2 回答
724 浏览

javascript - 我正在尝试使用 jQuery 加载要在 D3 plus 可视化中使用的 JSON 文件

我正在尝试通过使用 D3plus 并使用 jQuery 将 JSON 数据上传/存储到变量中来创建箱线图:

如果我将 json 数据复制并粘贴到文件中,它就可以工作。但是,当我尝试从存储在“Data”文件夹中的外部 json 文件中获取数据时,它不起作用。我收到错误消息:“箱线图可视化需要设置“数据”方法”。

这是我的文件结构:

在此处输入图像描述

这是我的 json 文件:

非常感谢您的宝贵时间!

编辑:

0 投票
1 回答
440 浏览

d3.js - d3 Plus条形图如何强制固定最大y轴范围独立于最大数据值

我想比较 2 个 d3Plus 条形图,旁边是 ech 其他,为此我需要两个图表具有相同的最大 y 值(假设 1000,即使第一个图表的最大数据值为 700,最大数据值为第二个是550)。

提前谢谢。

0 投票
2 回答
167 浏览

angularjs - 尝试在 AngularJS 应用程序中使用 angular-d3plus 时出现严格错误

当我独立运行angular-d3plus时(请注意 angular-d3plus 在 js 中也使用 'use strict' 指令),它运行良好。但是,当我尝试将其作为现有 angularJS 应用程序的一部分(通过 JHipster 生成)时,一旦它尝试绘制使用 angular-d3plus 指令的视图,我就会在 chrome 的开发人员控制台中看到 strictdi 错误;

我按照以下简单步骤进行此集成(在安装凉亭并在我的 index.html 中添加与 d3 相关的 js 文件之后)

我在我的应用程序中添加了“angular-d3plus”模块

我的控制器代码是;

在我看来,我的 angular-d3plus 指令是(对于上面的控制器);

当我取出上面的代码行时,其他一切都很好。我试过这篇文章从指令中取出控制器代码(编辑 angular-d3plus js),但没有用。当将 angular-d3plus 演示的 angularjs 版本更改为 1.5.8(与我的应用程序相同)时,我也尝试并没有观察到错误。任何帮助将非常感激!

EDIT1:根据@mariomol 的建议编辑指令。

0 投票
1 回答
862 浏览

javascript - 如何在 d3plus / javascript 中将路径传递给 open.window() onclick 事件?

我正在尝试通过 d3plus.js 构建一个小型应用程序。目的是使用网络可视化来显示代表 pdf 文件的一系列节点。单击节点时,应该会出现一个显示 pdf 的窗口。

我想出了如何使用 window.open() 函数,如果我将路径直接写入 window.open() 函数(fx“docs/somepdf.pdf”),它就可以工作。

我现在的问题是将路径字符串从 sample_data 传递给 window.open 函数。

谁能告诉我我在这里做错了什么?

0 投票
1 回答
611 浏览

d3.js - d3Plus 将图例移到顶部

我正在使用 d3Plus 创建树形图和条形图,但我遇到的问题是图例仅显示在图表之后,我想将该图例移动到顶部图表之前显示。原因是用户必须一直向下滚动才能看到图例。

图例图像

在此处输入图像描述

0 投票
1 回答
456 浏览

javascript - 如何更改鼠标悬停在环形网络中的边缘颜色?

当我将鼠标悬停在环形网络中的节点上时,如何更改边缘的颜色?

例如,在这个例子中: http: //d3plus.org/examples/basic/9034389/

鼠标悬停显示默认颜色

每当我们将鼠标悬停在 上时Alpha,都会显示默认颜色。是否可以将其更改为任何其他颜色,例如蓝色,绿色等?

0 投票
2 回答
1051 浏览

javascript - D3plus 未定义

我在尝试对我的强制布局中的标签实现文本换行功能时遇到错误,说 d3plus 未定义。我有以下代码行来引用 d3 和 d3plus:

以及以下调用 textwrap 方法