更改 d3 项目符号图表范围

Question

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

我想更改此图表的 x 轴范围。我一直在阅读页面上发布的源代码，但是天哪，我找不到在哪里可以控制 x 轴范围或插件选项来执行此操作。要使它在 20 到 80 之间，我应该改变什么？

Answer 1

在bullet.js中，有一个bulletRanges()功能，您可以在其中手动更改范围。在例子中，在randomize()函数中改成：

function randomize(d) {
  if (!d.randomizer) d.randomizer = randomizer(d);
  d.ranges = d.ranges.map(d.randomizer);  //This changes the ranges in the SVG datum.
  d.markers = d.markers.map(d.randomizer);
  d.measures = d.measures.map(d.randomizer);
  return d;
}

要用数据更新图表，然后调用 svg.call(chart)。

更改 d3 项目符号图表范围

Changing d3 bullet chart range

jquery

d3.js