nvd3製圖，如何刪除時間範圍滑塊（圖表下面的小圖）？

這裏是我想要在我的應用程序中的圖表看起來像一個普朗克：http://plnkr.co/edit/19D5cnrVYdUrMlblQARy?p=preview nvd3製圖，如何刪除時間範圍滑塊（圖表下面的小圖）？

沒有時間跨度測距儀。

但是在我的應用我看到的是：

我renderChart功能：

function renderChart(ticker, limit) { 
    TickerChartFactory.returnTickerChartData(ticker, limit).then(
     function(res) { 
      console.log('res =',res); 

      if (res.data.status === 'Success') { 
       console.log('res.data.quotes =',res.data.quotes); 

       var data_array = []; 
       for (var i=0; i<res.data.quotes.length; i++) { 
        data_array.push([res.data.quotes[i].start_epoch, res.data.quotes[i].price]); 
       } 

       vm.tickerPrice.chartData = [ 
        { 
         "area": true, 
         "key": "Price", 
         "color": '#BFBFBF', 
         "values": data_array 
        } 
       ]; 

       console.log('vm.tickerPrice.chartData =',vm.tickerPrice.chartData); 

       drawChart(vm.tickerPrice.chartData); 
      } 
      else { 
       console.log('There was an error in retrieving quote data'); 
      } 
     }); 
}

然後我drawChart功能：

function drawChart(res) { 
    console.log(' '); 
    console.log('drawChart res = ',res); 
    nv.addGraph(function() { 
     var chart = nv.models.linePlusBarChart() 
      .margin({top: 30, right: 40, bottom: 50, left: 40}) 
      .x(function(d,i) { return i }) 
      .y(function(d) { return d[1] }) 
      .color(d3.scale.category10().range()); 

     chart.xAxis.tickFormat(function(d) { 
      var dx = res[0].values[d] && res[0].values[d][0] || 0; 
      return d3.time.format('%x')(new Date(dx)) 
     }); 

     chart.y1Axis 
      .tickFormat(d3.format(',f')); 

     chart.y2Axis 
      .tickFormat(function(d) { return '$' + d3.format(',f')(d) }); 

     chart.bars.forceY([0]); 

     d3.select('#chart svg') 
      .datum(res) 
      .transition().duration(500) 
      .call(chart); 

     nv.utils.windowResize(chart.update); 

     return chart; 
    }); 
}

什麼反應外觀如在控制檯

我沒有找到任何their docs顯示我如何刪除它。

來源

2015-09-28 Leon Gaban

你談論的工具提示？如果您不希望鼠標懸停在圖表上時彈出信息框？我不確定你的問題是什麼。 –

不是工具提示，正常圖表下方的時間範圍查找器。 –

仍然沒有真正的解決方案，我目前在我的'＃chart'容器上使用了一個hack來縮短svg的高度，所以它隱藏了時間範圍滑塊。 –

下面的代碼行應該刪除範圍滑塊：

chart.focusEnable(false)

來源

2016-05-17 02:00:05 barracuda

nvd3製圖，如何刪除時間範圍滑塊（圖表下面的小圖）？

回答

相關問題