Google visualization 有没有办法让谷歌图表附加到一个div中?
当用户单击按钮时,将创建一个图表。。这段代码只是在克隆主图表。。由于主图表发生变化,用户可以在主图表上单击几次。当前,当再次单击按钮时,它将删除上一个图表 单击按钮时,将调用getChart函数,并将原始图表克隆到试用版中。但是,由于原始图表可能会更改,因此用户可以将多个克隆的不同类型的图表添加到试用版中Google visualization 有没有办法让谷歌图表附加到一个div中?,google-visualization,Google Visualization,当用户单击按钮时,将创建一个图表。。这段代码只是在克隆主图表。。由于主图表发生变化,用户可以在主图表上单击几次。当前,当再次单击按钮时,它将删除上一个图表 单击按钮时,将调用getChart函数,并将原始图表克隆到试用版中。但是,由于原始图表可能会更改,因此用户可以将多个克隆的不同类型的图表添加到试用版中 function getChart() { google.visualization.events.addListener(wrapper, 'ready', onReady);
function getChart() {
google.visualization.events.addListener(wrapper, 'ready', onReady);
function onReady() {
google.visualization.events.addListener(wrapper.getChart(), 'click');
}
var trialChart = wrapper.clone();
trialChart.setContainerId('trial');
trialChart.draw();
}
这可能就是你要找的 克隆已添加到试用div,
而不是取代审判庭的图表 因此,按下“克隆”按钮时,每个图表都会被保存
google.charts.load('current'{
回调:函数(){
var data=new google.visualization.DataTable();
data.addColumn('date','date');
数据。添加栏(“编号”、“2015”);
数据。添加栏(“编号”、“2016”);
data.addRows([
[新日期('01/01/2016'),200210],
[新日期('01/02/2016'),190220],
[新日期('01/03/2016'),205200],
[新日期('01/04/2016'),220230],
[新日期('01/05/2016'),212,210],
[新日期('01/06/2016'),185193],
[新日期('01/07/2016'),196207]
]);
var chart=new google.visualization.ChartWrapper({
图表类型:“线条图”,
集装箱船:“原始海图”,
数据表:数据,
选项:{
身高:400
}
});
google.visualization.events.addOneTimeListener(图表'ready',函数(){
document.getElementById('cloneBtn')。addEventListener('click',function(){
var trialChart=chart.clone();
var chartDiv=document.getElementById('chart_-trial').appendChild(document.createElement('DIV'));
chartDiv.id='div-'+(新日期()).getTime();
trialChart.setContainerId(图表分区id);
trialChart.draw();
},假);
});
chart.draw();
},
软件包:['corechart']
});代码>
原始图表
试验图
很抱歉,您问题的措辞不能很好地说明问题所在。我知道你有什么,但是预期的结果是什么,当前的结果与你预期的有什么不同?我不太明白标题与问题主体的其他部分有什么关系。