-
6 votesanswersviews
如何在D3圆包中匹配文本宽度与圆圈大小
使用D3我会显示一堆不同大小的圆圈，每个圆圈都填充文字 . 我坚持找到正确的字体大小，以便文本在圆圈中适合，取决于它的大小和文本的长度 . 长篇文章可能会分成更多行 . 这是我的代码： var data = { "name": "", "children": [ { "name": &q... -
0 votesanswersviews
颜色比例在D3 / JavaScript中无法正常工作[重复]
这个问题在这里已有答案： d3.scale.category10() not behaving as expected 3个答案 我使用色标： var color = d3.scale.category10(); 我使用它根据它们的值为力布局图的边缘着色 var links = inner.selectAll("line.link") .style("s... -
2 votesanswersviews
Bluemix Kafka流
最新版本的IBM Message Bus是否支持Kafka Streams（此处描述：http://www.confluent.io/blog/introducing-kafka-streams-stream-processing-made-simple/） . 有关如何执行此操作的任何示例/示例？如果是，可以用node.js完成吗？ 我想做的是 从源数据库（Cloudant）到Kafka流的... -
1 votesanswersviews
d3.js中的默认SVG位置
我想了解为什么我的SVG定位 outside SVG容器元素而不是默认位于x：0 / y0坐标？ CSS: 最小（如果没有CSS，只删除文档正文中的边距/填充） Javascript: var svg = d3.select('div#map').append('svg:svg'); svg.append('svg:g') .append('svg:text') .text('H... -
2 votesanswersviews
试图在Angular dart中导入包d3 / d3.js .
我已经从Java迁移到AngularDart这个项目，我必须根据数据可视化一些数字和威胁级别 . 我决定尝试使用显示数据属性的饼图片进行饼图/圆环形状，并且中心将威胁级别显示为彩色圆圈 . 我找到了一个旧的D3Dart软件包，并在第一次尝试时使用了它 . 工作良好 . 我可以 Build 弧形，包括内半径和外半径，起始角度和结束角度等 . 阅读关于如何构建我的示例我受到启发，尝试转移到d3 / d... -
1 votesanswersviews
绕中心点旋转圆（D3）
我有一个圆形元素 cx 和'm trying to use to rotate the circle around a center point (of a circle). I'm使用D3的 d3.behavior.drag 这个 . 我正在使用 d3.event.x 和 d3.event.y 给出的新点来计算这些点与初始点之间的差值 . 从其他类似的帖子来看，我是一种计算圆圈新位置的方法： v... -
0 votesanswersviews
D3Node getComputedTextLength（）不是函数
我正在使用d3node在服务器上呈现图表 . 我有一个需要包装文本的函数 . wrapText(textArray, width) { textArray.each(function () { const text = d3.select(this); const words = text.text().split(/\s+/).reverse(); ... -
0 votesanswersviews
MeteorJS：模板渲染和Meteor方法调用
这个问题跟我前一个问题有关：Meteor: How to publish custom JSON data 我创建了一个构建复杂JSON（使用不同集合等构建）的Meteor方法 . 有了这些数据，我需要使用D3.js构建一个图表 . 我曾经在Session中设置数据，但是当我意识到每次到达页面时都需要刷新它，它无法正常工作 . 显然我在机制中有一些我不理解的东西，但这是我的代码： Template... -
1 votesanswersviews
如何在饼图中为angular-nvd3自定义图例文字？
我在angular-nvd3中有一个饼图 . https://krispo.github.io/angular-nvd3/#/pieChart我遇到的问题是饼图，我有5个切片，当所有的饼切片都贴上标签时，它看起来非常紧密 . 我想修改图例，以便不是只显示键，而是想显示： <key> + <number of records in that key> 使用“labelTy... -
8 votesanswersviews
如何在nvd3饼图的工具提示中获得百分比？
我有一个nvd3饼图 . 我获取百分比值作为标签，但我想在工具提示中 . 这是HTML： <nvd3-pie-chart data="Data1"id="labelTypePercentExample" width="550" height="350" x="xFun... -
1 votesanswersviews
nvd3 angular-nvd3 d3垂直显示图表图例
我正在使用nvd3和angular-nvd3创建一个饼图 . 我已经显示了我的传奇，但它在顶部连续排列 . 我想将它显示在左侧的一列中 . 我找到了http://embed.plnkr.co/TJqjjkHaD2S0VjsGmN3c/preview但是当我使用.js文件中的选项时，所有这一切都改变了图例的外观，而不是位置 . css文件为空，html中似乎没有内联css . 所以我不确定他们是如何... -
0 votesanswersviews
在angular-nvd3散点图中绘制一条垂直线
我有一个带有两个数据系列的angular-nvd3散点图（类似于http://krispo.github.io/angular-nvd3/#/scatterChart） . 需要在此图表中添加一些垂直参考线以标记关键日期 . multichart工作，但我会失去缩放功能，这是一个关键要求 . 有没有办法在散点图中添加垂直参考线？ TIA -
0 votesanswersviews
Angular-nvD3饼图未显示
我试图按照一个简单的例子来制作一个饼图，但它不会渲染图表 . 即使查看源代码，也不会出现图表代码（仅限原始指令代码） . 控制器正在加载，因为我看到日志文件语句和范围内的title属性 . 我没有在控制台上遇到任何错误，此刻有点困惑 . 提前致谢 我正在使用index.html文件中添加的最新版本的库 <script src="https://cdnjs.cloudflare.co... -
3 votesanswersviews
Angular-nvd3-directives根据图表的宽度调整图表的高度
我正在尝试使用 angular-nvd3-directives 创建折线图 . 为了使它看起来不错，我需要将height属性设置为"250"，这看起来很好的大中型屏幕 . 但是，在小屏幕上它会看起来很奇怪，因为高度是固定的，宽度值将比高度小得多 . 如果不将height属性设置为值，则它将太宽 . 我希望y轴的高度与图表的宽度具有相同的值 . 那可能吗？或者还有其他方法可以解决... -
1 votesanswersviews
如何将d3.js v5模块导入聚合物3元素？
我之前使用d3 v3创建了聚合物1.x自定义元素 . 我想将它们更新为聚合物3和d3 v5 . 这是一个基础聚合物3元素，我想包括d3 v5到： import {html, PolymerElement} from '@polymer/polymer/polymer-element.js'; /** * `foo-bar` * * * @customElement * @polyme... -
3 votesanswersviews
沿着路径点插值的元素旋转 - 在带弧的路径上不可能？
我正在使用版本3.x中的D3.js . 在this教程之后，我试图沿着路径移动一个元素，在这种情况下是一个矩形，并根据它在路径上的位置旋转元素 . 这适用于任何路径，作为其中的一部分 does not have an arc . 像这样的东西： M56.200012207,96.1999969482c-51295，-52,294,280,184c-286，-273，-243，-261，-35，-... -
-1 votesanswersviews
获取饼图剩余切片的百分比 - NVD3
在我的饼图的某些情况下，我想向用户显示 the percentage relative to slices of the Pie Chart instead of showing the values of the slices . 例如：我的馅饼中有三个切片： A 代表馅饼的70％， B 代表馅饼的15％， C 代表馅饼的15％ . 当我单击隐藏切片 A 时，我想向用户显示剩余切片的百分比，在... -
4 votesanswersviews
使Nvd3饼图显示带小数的百分比
我'm using Nvd3 in an Angular project to draw some charts. I' m使用Krispo的角度指令（http://krispo.github.io/angular-nvd3/#/） . 我正在显示一个饼图，其标签显示百分比值，但显示的值是四舍五入的，并显示没有小数 . 请参阅下面的plunker中的示例：http://plnkr.co/edit/... -
0 votesanswersviews
从nvd3饼图中删除图例[重复]
这个问题在这里已有答案： How to disable legend in nvd3 or limit it's size 1回答 我正在使用nvd3创建一个饼图 . 我成功地获得了饼图，但是当切片数量增加时，传说往往占用大量空间并且馅饼缩小 . 我已经决定彻底删除传说 . 我尝试过像 d3.select(".nv-legendWrap") .remove(); 这隐... -
5 votesanswersviews
无法使用Wicked PDF呈现图表
我正在尝试使用wicked_PDF将HTML页面呈现为PDF . 该页面包含我使用D3.js创建的几个图表 . 在PDF上，只有图表的轴可见 . 图表的主体是空白的 . 我试图将SVG转换为Canvas和PNG图像（使用Base64编码） . 在这两种情况下，图像都显示为HTML，但只有轴显示在PDF中 . 有什么建议？ -
2 votesanswersviews
使用wicked-pdf创建PDF时，SVG无法呈现
我有一些使用D3生成的图形，在Ruby on Rails 4应用程序的页面上呈现 . 我正在使用 wicked-pdf gem将其转换为PDF以进行漂亮的打印 . 生成PDF正在运行，但并非所有SVG都已呈现 . 通过Javascript生成的SVG正确呈现，但HTML中的SVG不能 . 这是我创建的测试页面的JS小提琴：http://jsfiddle.net/Sidane/162cd58y/ ... -
2 votesanswersviews
根据数据点的数量更改d3可重复使用的圆环图中的颜色范围
使用此可重用图表作为基础：http://bl.ocks.org/nnattawat/9368297 我试图找到一种方法来改变基于弧数（大小）设置的颜色范围，而不必重写主甜甜圈（） . 例如，一个甜甜圈getData大小为2（颜色为绿色和灰色），另一个甜甜圈getData大小为3（现在删除灰色并将颜色更改为绿色，红色和黄色） . 我似乎无法从甜甜圈（）中删除颜色，所以我试图找到一种方法将颜色与特定数... -
2 votesanswersviews
d3 js过渡到矩形数组不起作用
我正在研究水平段条形图 . 我想这样做，条形图将根据每隔几秒随机生成的值为各个段之间的颜色过渡设置动画 . 在开始时，我设置了两个变量midRange和highRange，将我的片段分成3组 - 绿色，黄色和红色 . 然后我创建了一个2阵列 . rectArrays保存我的段/矩形 . colorArray保存每个矩形的颜色 . 在animate（）函数中，我使用这些数组进行转换 . 目前，前... -
1 votesanswersviews
使用d3-tip和CSS悬停效果与d3堆积条形图
我正在尝试为简单数据集制作堆积条形图（下面您可以找到代码和数据） . 对于我的鼠标悬停的栏，我尝试使用CSS悬停效果来更改栏的颜色（带有.bar类的矩形svg元素），并使用d3-tip显示显示区域名称的工具提示栏所属 . 我遇到的问题是：1 - CSS悬停效果根本不起作用 . （请找到下面的样式表）2 - 显示工具提示，但仅当我将鼠标光标从条形下移动才能输入 . 如果我从栏的左/右/顶部移... -
1 votesanswersviews
如何在D3中的图表标签上触发onmouseover事件
我用D3制作了下面的图表： 当图表悬停时，中间的空间显示信息 . 我有以下代码来处理事件： var path=svg.selectAll('path') .data(pie(get(this, 'data'))) .enter() .append('path') .attr({ d:arc, fill:function(d,i){ ... -
0 votesanswersviews
D3JS条形图工具提示，从垂直平移到水平
我正在尝试将用于垂直条形图的工具提示转换为用于水平条形图的工具提示 . 我已经得到了鼠标悬停时突出显示的栏，但工具提示没有出现 . 所以我的问题是我错过了什么？有没有我需要设置工具提示方向的地方？或者我没有正确地调用工具提示？ 这是我的Plunker：http://plnkr.co/edit/JhMRSAvxmvjqP4kE3X5v?p=preview <style> ... -
8 votesanswersviews
DC.js dataTable的自定义文本过滤器
我正在构建一个仪表板来显示一些数据 . 我有几个图表和一个列出所有数据的表格 . 我正在尝试添加搜索功能来过滤图表 . 我有很多公司和一些关于每个公司的数据 . 因此，如果我搜索“Appl”，只有以“Appl”开头的公司将列在数据表中，图表将反映这一点 . 我对当前实现的唯一问题是当我更改此过滤器或清除它时 . 数据似乎很好，但图表渲染不正确 . 清除后它们不会返回原始位置，或者以某种方式添加额外... -
0 votesanswersviews
DC.js Stacked Line Chart无效
是否有更完整的教程或指南来创建dc.js的图表，而不是_2720206中提供的图表？我'm trying to create a simple line chart with 2 stacked levels. I'm正在使用以下csv： 我希望WasteDate位于x轴上，WasteData位于y轴上 . 此外，我希望一层是WasteFunction Minimization，另一层是Wast... -
0 votesanswersviews
动态创建和链接dc.js图表
我正在编写一个Web应用程序，允许用户使用dc.js动态创建一个或多个图表 . 用户可以指定一些过滤器参数，每次都会检索生成的JSON并将其加载到新的dc.js条形图中 . 我想要的是所有图表都要链接，所以如果他们在图表上过滤它在其他图表上做同样的事情，如果他们在图表上缩放/滚动，这也会在其他图表上发生 . 它们在x轴（日期）上共享相同的数据范围 . 我的理解是这正是dc.js的用途 . 我有一个... -
3 votesanswersviews
带日期轴的DC.js条形图
我想基于x轴的日期创建条形图 . 标签应显示为月份（即2017年1月1日 - 首选） . 在我的数据中，我总是在下个月的第一个日期，即01Jan，01Feb，01Mar . 我创建了一个图表，但我无法使其对齐 . var chart = dc.barChart("#" + el.id); var chCategory = ndx.dimension(function(d) ...