Google 可视化在 AJAX Control Toolkit Tab Control 中很小 [英] Google visualization is small inside AJAX Control Toolkit Tab Control
本文介绍了Google 可视化在 AJAX Control Toolkit Tab Control 中很小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在 asp.net AJAX Toolkit Tab Control 中使用 google 可视化、柱形图,但我遇到了一些小(字面意思)问题.
如果我将可视化添加到页面加载时默认显示的选项卡,条形图会正确显示,但是,如果我将相同的控件添加到另一个选项卡并重新加载页面,当我单击另一个选项卡时,控件已显示,但它很小且无法使用.
以下是说明问题的 test.aspx 页面的一些代码:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="TestProject._Default" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"><title></title><script type="text/javascript" src="http://www.google.com/jsapi"></script><script type="text/javascript">google.load('visualization', '1', {包:['columnchart'] });<script type="text/javascript">函数 drawVisualization() {//创建并填充数据表.var data = new google.visualization.DataTable();data.addColumn('string', 'Name');data.addColumn('数字', '高度');数据.addRows(3);data.setCell(0, 0, '童宁亩');data.setCell(1, 0, '黄昂发');data.setCell(2, 0, '腾努');data.setCell(0, 1, 174);data.setCell(1, 1, 523);data.setCell(2, 1, 86);//创建并绘制可视化.新的 google.visualization.ColumnChart(document.getElementById('visualization1')).绘制(数据,空);新的 google.visualization.ColumnChart(document.getElementById('visualization2')).绘制(数据,空);}google.setOnLoadCallback(drawVisualization);头部><身体><form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><div><cc1:TabContainer ID="TabContainer1" runat="server"><cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1"><内容模板><div id="visualization1" style="width: 300px; height: 300px;">
</内容模板></cc1:TabPanel><cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel2"><内容模板><div id="visualization2" style="width: 300px; height: 300px;">
</内容模板></cc1:TabPanel></cc1:TabContainer>
</表单>