2017-12-28 22 views
-1

graph which shows expenditure.nvd3グラフでX軸とY軸のポイントをすべて取得できません。私はオプションを逃していますか?

グラフに示すように、私は軸上の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' 
     } 
    ]; 
} 
+0

グラフとオプションを埋めるためにyoruデータのようなコードを投稿してください。 –

+0

@AndréBastosグラフを埋めるためにデータを追加しました。 –

答えて

0

私は答えを持っていると思いますヘルプには、チャートを埋めるために

コードが理解されるであろう。

実際には、.tickクラスにdisplay: noneというプロパティを与えて、CSSからグリッド線を削除しました。グラフのポイントも削除されています。

グリッド線のみを削除する場合は、display: none.tick lineクラスに追加してCSSを編集してください。

関連する問題