问题标签 [bullet-chart]

我在 D3 v2.4.2 github 存储库中引用了子弹图示例。

我有几个问题可以帮助澄清这个例子中发生了什么。

1)在 bulletChart 函数中有 8 个声明，形式为 bullet.ranges = function(x) {}、bullet.markers = function(x) {} 等。这个子弹对象来自哪里？它是内置在库中的吗？我以为我们已经将变量范围设置为函数 bulletRanges，或者这两个不同的范围变量？

2）这些函数内部实际发生了什么？

3）最后一个问题。当 bulletChart 函数开始执行时，它是在执行时开始执行子弹函数还是等待显式调用？因为我从来没有真正看到过明确调用的 bullet(g) ？

这个库可能真的很混乱。非常感谢任何帮助。

我正在使用http://bl.ocks.org/4061961上的 D3.JS 站点上的项目符号图示例：

我的目标是将子弹图本身保存为 SVG 文件，以便在 Inkscape 中进行编辑。使用带有 phantom.js 的 rasterize.js 示例，我能够修改代码以将项目符号图保存到 PNG 文件中，并以编程方式提取 SVG 代码并将其保存到文件中。下面是保存 SVG 代码的修改后的 rasterize.js 文件：

上面的 JS 存储在“rasterize.js”中，并在命令行中提供给 phantomjs.exe 以创建 SVG 和 PNG 文件。

这是存储在 GIST 上的“bullet.svg”文件的链接：https ://raw.github.com/gist/4178632/08396404f40210a801ef36aeee526d9f128952a8/bullets.svg 您可以将此文件保存到本地驱动器并在浏览器中查看.

但是，正如当前存储的那样，此文件不会在 Inkscape 中加载。我通过添加 ?xml 标头并使用 xmlns 修改 svg 元素来修改生成的文件，因为我还手动将各个元素包装到单个块中。

我错过了什么？一旦我弄清楚如何手动使其工作，我将需要修改提取 SVG 的代码以编写标题。

修改 rasterize.js（上）以编程方式编写干净的 SVG 的其他想法或技巧？谢谢！

我正在尝试将以下两个“官方”D3 子弹图示例融合为一个：

http://bl.ocks.org/mbostock/4061961

http://boothead.github.io/d3/ex/bullet.html

我让前者在本地工作，我确实设法通过用“d3.bullet”替换“d3.chart.bullet”来“插入”后者的JS代码（并重新引用DOM对象和“随机化”事件监听器）。

但是，这种方式破坏了与本地标签类型“.ticks”调用的兼容性。在一个理想的世界中，我希望在底部有等距的刻度，在项目符号的顶部有一个稍微不同的样式的本地“数据标签刻度”。

这有可能吗？我开始怀疑它，因为 D3 次要版本似乎有所不同（都是 v2.x，这很好，因为我需要 nvd3 兼容性）。尽管如此，我如何实现我的目标的任何想法，例如通过使用不依赖于 .ticks 调用的“正确”数据标签？谢谢！

尝试将子弹图设计为完全符合市场营销的需求。所需的图表如下所示：

你如何在栏的顶部添加标签？

我试图从剑道文档中设置标签属性：

这是我的脚本不起作用：

任何帮助将不胜感激。

我是 D3 的新手，我希望使用类似于 Glassdoor 使用的图表来显示不同服务的价格范围（最低价、中价、最高价）（参见此示例：http ://bit.ly/1koKeLL ） .

它是一个水平条形图，在右侧和左侧具有可变边距，以便以图形方式显示低、中值和高数据点。有谁知道实现这一点的最佳方法，尤其是对于刚刚学习 D3 的人？

首先尝试 Power BI 自定义图形，请原谅我的一些不一致之处。

我正在尝试编辑子弹图“ BulletChartbySQLBI ”，以便它可以满足我的需求，但我似乎无法弄清楚为什么在开发中应用了样式。导入仪表板、颜色和文本格式时，工具预览不会保留。

+ 问题

我遇到的另一个问题是我似乎无法将标题放在主栏的顶部，以便我可以将文本放在那里，我尝试使用 css 样式，但没有成功，然后尝试改变方式绘制 svg 以使文本显示在顶部，但也没有成功。

代码开发于：https ://app.powerbi.com/devTools

数据预览：SimpleGauge(Single+Categorical)

如果有人能启发我，我将不胜感激，干杯

我已经定制了 nvd3 子弹图，它工作正常。问题在窗口调整大小时开始，chart.update 处理程序创建错误d3.js:8868 Uncaught TypeError: Cannot read property '1' of undefined，因此代码控制不会再次运行图表函数。请帮忙。

大家好，我在为 javascript Web 项目创建简单的 d3 图表时遇到问题。这段代码有点像在教程中创建的，所以我真的不知道为什么会出现错误：

Uncaught TypeError: d3.bullet is not a function
因为我安装了 d3 并且还在第一个脚本中链接了最新的 d3 版本。在使用谷歌搜索或在 stackoverflow 上搜索它之前，我没有看到这个错误。

如何在下面的链接中处理 bullet.js 我正在使用链接（下面）在 angular2 中创建子弹图。

我创建了一个 bulletchartcomponent 并想绘制 bulletchart 。任何人都可以在 plunker 上做到这一点以便更好地理解。 https://bl.ocks.org/mbostock/4061961

出现错误：-

子弹图.component.html

子弹图.component.ts

子弹数据.json

我正在使用类似bullet chart的highchart进度图表以某种方式实现它以使其看起来像进度图表，但问题是当我的系列数据接近相等时，它会相互重叠。请看附件图片

有什么方法可以在子弹图上提供填充，这样数据就不会重叠？