0

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

  1. 我希望起点从 0 开始更改。从示例中可以看出,我所有的相关数据都在较高的一侧,如果我从 0 开始,它会在子弹图的右端变得太拥挤。查看会如果起点在2000左右会好很多。

  2. 我想在鼠标悬停在标记上显示一些东西。这可能吗?

这是我的代码:

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 示例

有什么帮助吗?

4

2 回答 2

0

晚了将近一年,但我想我还是会把它扔掉。

根据子弹图的来源,似乎没有办法将起始位置从 0 更改为更高的位置,就像您的第一个问题一样。(事实上​​,除了范围和颜色之外,您似乎几乎没有什么可以改变的。)

但是,看起来您的范围在 2000 年代。因此,您可以将所有数字除以 100,使您的subtitle财产数百万而不是数千,并将您的数字格式化为Fixed.

于 2014-03-17T21:37:15.557 回答
0

你的问题的答案

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

是的,有可能,请确保您从此处获取 NVD3 上的最新版本,它已启用工具提示。在悬停时显示范围、度量和标记。

关于问题 1 不太清楚,对此感到抱歉。

于 2013-04-29T09:17:12.373 回答