Question

我正在使用NVD3.js，我试图默认显示图表中的所有点。如果没有onhover，我想查看图表中的所有点，请告知我如何实现这一点。

感谢，巴拉吉

Answer 1

在其中一些中，您可以执行 showValues

之类的操作

nv.addGraph(function() {  
  var chart = nv.models.discreteBarChart()
      .x(function(d) { return d.label })
      .y(function(d) { return d.value })
      .staggerLabels(true)
      //.staggerLabels(historicalBarChart[0].values.length > 8)
      .tooltips(false)
      .showValues(true)

我看到你已经提出了“折线图”，但我没有成功。老实说，我一直在尝试使用默认示例，所以我认为显示所有值可能没有意义，因为它们是曲线。我的意思是，由于某种原因，渲染showvalues或类似的东西可能会尝试显示曲线中的所有值，但它不会起作用。无论如何，我也是从nvd3开始，但希望这有助于弄清楚它是如何完成的。

Answer 2

将自定义属性和类添加到nvd3标记，并为特定图表编写一些自定义css。

<style>
    .line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
        stroke-width: 6px;
        fill-opacity: 1;
        stroke-opacity: 0.7;
    }
</style>

` View In Plnkr

显示图表中的所有点 - NVD3

2 个答案: