Foros del Web » Creando para Internet » HTML »

Ayuda HTML Google Chart

Estas en el tema de Ayuda HTML Google Chart en el foro de HTML en Foros del Web. Buenas soy nuevo en el foro y necesito que me ayuden. Estoy haciendo una aplicación en vb y quiero mostrar unos gráficos con los datos ...
  #1 (permalink)  
Antiguo 12/06/2010, 17:21
 
Fecha de Ingreso: junio-2010
Mensajes: 24
Antigüedad: 7 años, 6 meses
Puntos: 0
Ayuda HTML Google Chart

Buenas soy nuevo en el foro y necesito que me ayuden. Estoy haciendo una aplicación en vb y quiero mostrar unos gráficos con los datos de la BD. He visto la herramienta de google de CHARt y me ha gustado bastante. Pro mi idea es la siguiente. mediante un HTML si lo ejecutas te muestra el grafico en el explorador y hasta ahi todo correcto ya lo tengo montado. Pero me gustaria mostrar varios Graficos en un mismo html. No tengo ni idea de este codigo asi que aqui estoy.

Ejemplo:

<!--
copyright (c) 2009 Google inc.

You are free to copy and use this sample.
License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
var raw_data = [['Austria', 1336060, 1538156, 1576579, 1600652, 1968113, 1901067],
['Belgium', 3817614, 3968305, 4063225, 4604684, 4013653, 6792087],
['Czech Republic', 974066, 928875, 1063414, 940478, 1037079, 1037327],
['Finland', 1104797, 1151983, 1156441, 1167979, 1207029, 1284795],
['France', 6651824, 5940129, 5714009, 6190532, 6420270, 6240921],
['Germany', 15727003, 17356071, 16716049, 18542843, 19564053, 19830493]];

var years = [2003, 2004, 2005, 2006, 2007, 2008];

data.addColumn('string', 'Year');
for (var i = 0; i < raw_data.length; ++i) {
data.addColumn('number', raw_data[i][0]);
}

data.addRows(years.length);

for (var j = 0; j < years.length; ++j) {
data.setValue(j, 0, years[j].toString());
}
for (var i = 0; i < raw_data.length; ++i) {
for (var j = 1; j < raw_data[i].length; ++j) {
data.setValue(j-1, i+1, raw_data[i][j]);
}
}

// Create and draw the visualization.
new google.visualization.ColumnChart(document.getEleme ntById('visualization')).
draw(data,
{title:"Yearly Coffee Consumption by Country",
width:600, height:400,
hAxis: {title: "Year"}}
);
}


google.setOnLoadCallback(drawVisualization);
</script>


</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 600px; height: 400px;"></div>
</body>
</html>


Si este código lo ejecutan en el explorador les mostrara un grafico de barras. Me gustaria saber como poder añadir un nuevo grafico por ejemplo el mismo que aparezca dos veces pero cambiando los datos y series. Como indico donde quiero que se posicione etc..

Muchas gracias por su ayuda y disculpen si este no es el sitio correcto para mi pregunta.
  #2 (permalink)  
Antiguo 12/06/2010, 19:18
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 10 años, 2 meses
Puntos: 188
Respuesta: Ayuda HTML Google Chart

Hola amigo, mira verás como estas creando una tabla por medio de Javascript hay que modificar ese código, programando uno que haga tus necesidades.

Ese tal y como lo tienes no te funciona para lo que quieres hacer.

Mira, te va a costar algo de trabajo encontrar a alguien que te lo arme completo en este foro. Por ejemplo yo podría hacerlo por tí, recientemente comence a manejar las funciones de JS que sirven para crear elementos, pero ya que estas haciendo algunas validaciones, creando y colocando arrays y todo eso, pues hace más dificil todo y se salen de mis conocimientos.

Te recomiendo que te pases por el foro de Javascript y preguntes sobre esto, lo que te diran será lo mismo que te digo yo, que debes aprender createElement, createTable, addRows, addColums y todo lo referente a ello.

O si lo que quieres es hacer esto rápido, te recomiento que ofrezcas ésta parte de tu proyecto en el area de trabajo de este foro, habrá quien te cobre poco dinero por hacer esto, ya que cualquier programador en JS te puede realizar esto.

Saludos.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.

Etiquetas: chart, google
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:05.