Question

我想在nvd3子弹图中实现两件事。

我希望起点从0开始改变起点。从示例中可以看出，我所有的相关数据都在较高的一侧，如果我在子弹图的右端太拥挤了从0开始。如果起点大约是2000，那么查看会好得多。
我想在鼠标上显示标记上的内容。这可能吗？

这是我的代码：

var data = {
  "title": "Price in Locality",
  "subtitle": "US$, in thousands",
  "ranges": [2500,2700,2900, 3000],
  "measures": [2850],
  "markers": [2800]
};

nv.addGraph(function() {
var chart = nv.models.bulletChart();


d3.select('#chart svg')
    .datum(data)
    .transition().duration(1000)
    .call(chart);

return chart;
});

这是我的jsfiddle example。

任何帮助？

Answer 1

您问题的答案

2. I want to display something on mouse over on the markers. Is this possible?

是的，可以确保从here在NVD3上提取最新版本，它已启用工具提示。显示悬停时的范围，度量和标记。

对问题不太清楚1抱歉。

Answer 2

迟到了将近一年，但我想我还是会把它扔掉。

根据bullet chart的来源，似乎并不像第一个问题那样将起始位置从0更改为更高的位置。（事实上，除了范围和颜色之外，似乎很少有可以更改。）

然而，看起来您的范围是在2000年代。因此，您可以将所有数字除以100，并将subtitle属性设为数百万而不是数千format your number as a Fixed。

设置范围，鼠标悬停在nvd3子弹图中

2 个答案: