Javascript 垂直平移Google柱形图
有没有JavaScript或者水平平移Google柱形图的例子?Javascript 垂直平移Google柱形图,javascript,jquery,google-visualization,chap-links-library,Javascript,Jquery,Google Visualization,Chap Links Library,有没有JavaScript或者水平平移Google柱形图的例子? 我有几个月的数据,我希望用户能够从左到右查看。这是我想要的功能:。我的用户反对使用带注释的时间线。具有讽刺意味的是,我引用的库实际上在使用谷歌可视化图表,并用它们做了一些惊人的事情,包括平移 您可以将柱状图连接到,并获得带注释的时间线的平移和缩放功能 [编辑] 新版本的可视化API支持通过explorer缩放和平移图表。默认设置允许用户通过单击并拖动滚轮进行缩放和平移。下面是一个例子: function drawChart() {
我有几个月的数据,我希望用户能够从左到右查看。这是我想要的功能:。我的用户反对使用带注释的时间线。具有讽刺意味的是,我引用的库实际上在使用谷歌可视化图表,并用它们做了一些惊人的事情,包括平移 您可以将柱状图连接到,并获得带注释的时间线的平移和缩放功能 [编辑] 新版本的可视化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现在支持缩放和平移,而无需附加控件。用一个示例更新了我的帖子。此外,如果您似乎看不到资源管理器工作,请注意该函数仅在连续数据,如数字和日期