Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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 垂直平移Google柱形图_Javascript_Jquery_Google Visualization_Chap Links Library - Fatal编程技术网

Javascript 垂直平移Google柱形图

Javascript 垂直平移Google柱形图,javascript,jquery,google-visualization,chap-links-library,Javascript,Jquery,Google Visualization,Chap Links Library,有没有JavaScript或者水平平移Google柱形图的例子? 我有几个月的数据,我希望用户能够从左到右查看。这是我想要的功能:。我的用户反对使用带注释的时间线。具有讽刺意味的是,我引用的库实际上在使用谷歌可视化图表,并用它们做了一些惊人的事情,包括平移 您可以将柱状图连接到,并获得带注释的时间线的平移和缩放功能 [编辑] 新版本的可视化API支持通过explorer缩放和平移图表。默认设置允许用户通过单击并拖动滚轮进行缩放和平移。下面是一个例子: function drawChart() {

有没有JavaScript或者水平平移Google柱形图的例子?
我有几个月的数据,我希望用户能够从左到右查看。这是我想要的功能:。我的用户反对使用带注释的时间线。

具有讽刺意味的是,我引用的库实际上在使用谷歌可视化图表,并用它们做了一些惊人的事情,包括平移

您可以将柱状图连接到,并获得带注释的时间线的平移和缩放功能

[编辑]

新版本的可视化API支持通过
explorer
缩放和平移图表。默认设置允许用户通过单击并拖动滚轮进行缩放和平移。下面是一个例子:

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'X');
    data.addColumn('number', 'Y');
    var y = 50;
    for (var i = 0; i < 1000; i++) {
        y += Math.ceil(Math.random() * 3) * Math.pow(-1, Math.floor(Math.random() * 2));
        data.addRow([i, y]);
    }

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, {
        height: 400,
        width: 600,
        explorer: {
            axis: 'horizontal',
            keepInBounds: true
        }
    });
}
google.load('visualization',
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('number','X');
data.addColumn('number','Y');
变量y=50;
对于(变量i=0;i<1000;i++){
y+=Math.ceil(Math.random()*3)*Math.pow(-1,Math.floor(Math.random()*2));
数据添加行([i,y]);
}
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、{
身高:400,
宽度:600,
探索者:{
轴:'水平',
keepInBounds:对
}
});
}
load('visualization',

JSFIDLE:

他们正在使用可视化API来处理数据端的事情,但图表似乎来自另一个图表库。是的,我现在看到了。回到原点。你能提供更多信息或一些示例代码的链接吗?理想情况下,我只想用鼠标平移;我的老板不喜欢可调整的框控件。单击g并在图表上拖动以平移理论上是可能的,但可能很难很好地实现。我必须考虑一下这一点。好消息:API现在支持缩放和平移,而无需附加控件。用一个示例更新了我的帖子。此外,如果您似乎看不到资源管理器工作,请注意该函数仅在连续数据,如数字和日期