2014-03-06 53 views
1

我試圖在nvd3示例http://nvd3.org/livecode/index.html#codemirrorNav 請點擊圖2「散點圖/氣泡圖」。 JavaScript的原始代碼是這樣的:更改軸域/範圍在nvds中不起作用

nv.addGraph(function() { 
    var chart = nv.models.scatterChart() 
      .showDistX(true) 
      .showDistY(true) 
      .color(d3.scale.category10().range()); 

    chart.xAxis.tickFormat(d3.format('.02f')); 
    chart.yAxis.tickFormat(d3.format('.02f')); 

    d3.select('#chart svg') 
    .datum(data(4,40)) 
    .transition().duration(500) 
    .call(chart); 

nv.utils.windowResize(chart.update); 

return chart; 
}); 

我試圖改變xAxis範圍/規模/域,看它是否有什麼。但不知何故,它不起作用。

我所做的是增加

var xScale = d3.scale.linear().domain([0,1]).range([1,4]); 
chart.xAxis.scale(xScale); 
chart.xAxis.tickValues([1,2,3]); 

低於Y軸線原創情節。 我可以看到tickValues按預期工作。但無論如何,域和範圍都不能按預期工作。

我希望xAxis從1或0等不同的值開始。請幫助。

回答

0

嘗試像

chart.forceX([minValue,maxValue]) 

希望它能幫助。

+0

我也試過。負面的部分仍然顯示出來。我猜想我的設置有問題。但我無法找到答案。 – user2189731

+0

你可以把你的代碼放在一個[小提琴](http://jsfiddle.net/)中,所以有人可以看看,並幫助你。 – shabeer90

+0

感謝您的關注。我做了一些改變。 nvd3網站有一些到位的變化能力,所以我只是用它。這是一個非常簡單的改變。我只是沒有看到我的錯誤在哪裏。 – user2189731