Google时间线可视化,如果开始时间不在选定范围内,则栏会消失

时间:2018-03-19 22:48:05

标签: javascript charts google-visualization timeline

当我的数据的开始日期超出我的ChartRangeSlider选择的范围时,我的Google时间轴中的条形图正在消失。换句话说,如果我在范围滑块上滑动其中一个滑块,则活动范围边缘上的条将完全显示或根本不显示。

我需要显示部分条形才能使其正常工作。这就是我在仪表板中配置时间轴和滑块的方法......

// Configure range slider
        var timelineRangeSlider = new google.visualization.ControlWrapper({
            'controlType': 'ChartRangeFilter',
            'containerId': 'timeline-filter',
            'state': 
            {
                'range': 
                {
                    'start': currentTime,
                    'end':   fourWeek                   
                }
            },
            'options': 
            {
                'filterColumnIndex': 4,
                'ui': 
                {
                    'chartType': 'ScatterChart',
                    'chartOptions': 
                    {
                        'width': '100%',
                        'height': '50',
                        'chartArea': 
                        {
                            'width': '80%', // make sure this is the same for the chart and control so the axes align right
                            'height': '80%'
                        },
                        'hAxis': 
                        {
                            'baselineColor': 'none'
                        }
                    },
                    'chartView': 
                    {
                        'columns': [4,6]
                    }
                }
            }
        });

        // Configure timeline
        var timeline = new google.visualization.ChartWrapper({
            'chartType': 'Timeline',
            'containerId': 'timeline-chart',
            'options': 
            {
                'timeline': 
                {
                    'showBarLabels': false
                },
                'width': '100%',
                'height': '325',
                'tooltip': 
                {
                    'isHtml': true
                },
                'chartArea': 
                {
                    'width': '80%', // make sure this is the same for the chart and control so the axes align right
                    'height': '80%'
                }, 
            },
            'view': 
            {
                'columns': [0,1,2,3,4,5]
            }           
        });

非常感谢任何帮助。这对我的工作来说非常重要。

谢谢!

0 个答案:

没有答案