Javascript nvd3图表,如何移除时间范围滑块(图表下方较小的图表)?
以下是我希望我的应用程序中的图表的外观: 根本没有timespan测距仪 然而,在我的应用程序中,我看到: 我的渲染艺术功能:Javascript nvd3图表,如何移除时间范围滑块(图表下方较小的图表)?,javascript,angularjs,nvd3.js,angularjs-nvd3-directives,Javascript,Angularjs,Nvd3.js,Angularjs Nvd3 Directives,以下是我希望我的应用程序中的图表的外观: 根本没有timespan测距仪 然而,在我的应用程序中,我看到: 我的渲染艺术功能: function renderChart(ticker, limit) { TickerChartFactory.returnTickerChartData(ticker, limit).then( function(res) { console.log('res =',res); if (re
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');
}
});
}
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;
});
}
控制台中的响应是什么样子的
我在中没有找到任何显示如何删除它的内容
以下代码行应删除范围滑块:
chart.focusEnable(false)
以下代码行应删除范围滑块:
chart.focusEnable(false)
你是说工具提示吗?例如,当鼠标悬停在图形上时,您不希望信息框弹出?我不确定你的问题是什么。不是工具提示,时间跨度测距仪低于正常图表。仍然没有真正的解决方案,我目前正在使用我的
#图表容器上的一个黑客来缩短svg的高度,以便它隐藏时间范围滑块。你是说工具提示吗?例如,当鼠标悬停在图形上时,您不希望信息框弹出?我不确定你的问题是什么。不是工具提示,时间跨度测距仪低于正常图表。仍然没有真正的解决方案,我目前正在使用我的#图表容器上的一个黑客来缩短svg的高度,以便它隐藏时间范围滑块。