显示图表中的所有点 - NVD3答案

【问题标题】：Show all points in Chart - NVD3显示图表中的所有点 - NVD3
【发布时间】：2014-07-31 09:43:22
【问题描述】：

我正在使用 NVD3.js，并且我正在尝试默认显示图表中的所有点。不做悬停，我想查看图表中的所有点，请告知我该如何实现。

谢谢，巴拉吉

【问题讨论】：

你用的是什么 NVD3 图表？
感谢回复，我正在使用NVd3的所有图表类型
是的，但是在条形图中所有点都是可见的，所以您能否对您的问题更具体一点！折线图、累积折线图还是堆积面积图？
请帮我做折线图
Is an NVD3 Line Plot with Markers Possible?的可能重复

【解决方案1】：

将自定义属性和类添加到您的 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

【讨论】：

【解决方案2】：

在其中一些中，您可以执行 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)

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

【讨论】：