¿Cómo dibujar gráficos con javascript?
Puedes utilizar Baidu para buscar esta pregunta. Hay muchos tutoriales. .
/s?wd=javascript%BB%E6%D6%C6%CD%BC%D0%CE&cl=3
1.
JAVASCRIPT pasa a menudo Genere dinámicamente gráficos de barras a partir de datos proporcionados por el usuario. En general esto se debe a la simplicidad de los gráficos de barras, que consisten simplemente en gráficos de longitud indeterminada. Usamos JAVASCRIPT para dibujar cada gráfico dinámicamente, y la longitud de cada gráfico está relacionada con los datos ingresados por el usuario.
Lo que necesitamos es un gráfico de 1x15 para comenzar:
Si quiero estirar esta imagen a 50x15, hago esto usando JavaScript:
document.write(')
Esto forma la base de los gráficos dinámicos. Este es un script simple que escribí en JAVASCRIPT que ilustra un ejemplo de creación gráfica.
var graphtext=new Array("Jill", "Bob", "Tony") //Proyecto gráfico
var graphvalue=new Array("60", "45", "95") //Valor gráfico (usando porcentaje, por ejemplo 70=70%)
var barlength=200
for ( i =0;i document.write (graphtext graphx graphx graphx p > //PUEDES DEFINIR MÚLTIPLES GRÁFICOS, por ejemplo: //var graphy=new Array() función graphit(g,gwidth){ total=0 for (i=0;i total+=parseInt(g[i][1]) salida=' for (i=0;i calpercentage=Math.round(g[i][1]*100/total) calwidth=Math.round(gwidth*(calpercentage/100)) salida+ =' } salida+=' document.write( salida+ ' } //LLAMADA A LA FUNCIÓN GRAPHIT // graphit (NOMBRE DEL ARRAY DE GRÁFICOS, ANCHO MÁXIMO EN PÍXELES) graphit(graphx,200) Este script gratuito proporcionado por < a href="">JavaScript Kit Modo relativo: ¿Cuál es tu sitio de noticias favorito? ? //JavaScript Graph-it! (Porcentaje)- por javascriptkit.com //Visite JavaScript Kit () para obtener script //El crédito debe permanecer intacto para su uso var graphimageP="poll.gif" //DEFINIR VALORES DEL GRÁFICO [Nombre del elemento, Valor porcentual] var graphv=new Array() graphv[ 0]=["CNN","28%"] graphv[1]=["MSNBC","36%"] graphv[2]=["ABC News","11%"] graphv[3]=["BBC News","25%"] //PUEDES DEFINIR MÚLTIPLES GRÁFICOS, por ejemplo: p> //var graphz=new Array() función graphitP(g,gwidth){ outputP=' for (i=0;i calwidthP=gwidth*(parseInt(g[i][1 ])/100) salidaP+=' } salidaP+ =''
''+g[i][0]+'? '+calpercentage+'%
Total de participantes: '+total+'')'
''+g[i][0]+'? '+g[i][1]+'
document.write(outputP)
}
//LLAMADA A LA FUNCIÓN DE GRÁFICO
//graphitP (NOMBRE DEL ARRAY DE GRÁFICOS, ANCHO MÁXIMO EN PÍXELES)
graphitP(graphv,200)
Este script gratuito proporcionado por
< a href="">JavaScript
Kit
¿Está satisfecho con la respuesta anterior?