我无法获得 nvd3 图中的所有 X 和 Y 轴点。我错过了任何选择吗？

Question

如图所示，我无法获得轴上的所有 X 和 Y 交点。以及我想用黑圈突出交叉点。帮助将不胜感激

填充图表的代码是：
选项：
图表：{ 类型：'lineChart'，身高：300，利润： { 顶部：120，右：100，底部：40，左：100 }, x: 函数(d){ return d.x; }, y: 函数(d){ return d.y; }, 使用InteractiveGuideline: false, 工具提示：错误， x轴：{ tickFormat：函数（d）{ return d3.time.format('%x')(新日期(d)); }, showMaxMin: false<br> }, y轴：{ tickFormat：函数（d）{ return '$' + d3.format('.0f')(d) } }, }

var dates = [new Date('12/1/2017'),new Date('12/2/2017'),new Date('12/3/2017'),new Date('12/4/2017'),new Date('12/5/2017')];
var spend = [22, 14, 13, 11, 12];
data = genrateData();
function generateData() {
    var dailySpend = [];                
    for(var i=0; i < dates.length; i++){
        dailySpend.push({x: dates[i], y: spend[i]})
    }
    return [
        {
            values: dailySpend,
            key: 'Daily Spend'
        }
    ];
}

Answer 1

我想我找到了答案。

实际上，我通过给 .tick class 一个 display: none 属性从 css 中删除了网格线，这也从图表中删除了点。

如果只想删除网格线，则通过将属性 display: none 添加到 .tick line class.

来编辑 css

我无法获得 nvd3 图中的所有 X 和 Y 轴点。我错过了任何选择吗？

I am not able to get all X and Y axis points in nvd3 graph. Am I missing out any options?

javascript

angularjs

d3.js

nvd3.js

linegraph