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

时间:2017-12-28 12:26:16

标签: javascript angularjs d3.js nvd3.js linegraph

graph which shows expenditure.

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

填写图表的代码是:
选项:
chart: { type: 'lineChart', height: 300, margin : { top: 120, right: 100, bottom: 40, left: 100 }, x: function(d){ return d.x; }, y: function(d){ return d.y; }, useInteractiveGuideline: false, tooltips: false, xAxis: { tickFormat: function(d) { return d3.time.format('%x')(new Date(d)); }, showMaxMin: false
}, yAxis: { tickFormat: function(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'
        }
    ];
}

1 个答案:

答案 0 :(得分:0)

我想我得到了答案。

实际上我已经通过给.tickdisplay: none属性删除了css中的网格线,这也从图中删除了点。

如果要删除仅网格线,请通过将属性display: none添加到.tick line类来编辑css。