Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript nvd3图表,如何移除时间范围滑块(图表下方较小的图表)?_Javascript_Angularjs_Nvd3.js_Angularjs Nvd3 Directives - Fatal编程技术网

Javascript nvd3图表,如何移除时间范围滑块(图表下方较小的图表)?

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

以下是我希望我的应用程序中的图表的外观:

根本没有timespan测距仪

然而,在我的应用程序中,我看到:

我的渲染艺术功能:

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的高度,以便它隐藏时间范围滑块。