hola
amigos llevo un buen rato intentando hacer un grafico de barras con la librería highchart
pero no e podido hacerlo noc si alguien me puede ayudar
| |||
Respuesta: grafico dinamico el problema es que los datos llegan de la base de datos y no e podido graficarlos. ya logre mostrar la grafica.. y tabien logre traer los datos de php al javascript pero no e podido graficarlos |
| |||
Respuesta: grafico dinamico mira haci tengo el codigo donde grafico con la libreria highchart function recarga(respuesta) { console.log('respeusta',respuesta[0].sum); var options = { chart: { renderTo: 'container', type: 'column', margin: [ 50, 50, 120, 80] }, title: { text: 'Novedades Salidas' }, xAxis: [], yAxis: { min: 0, title: { text: 'Promedio' } }, legend: { layout: 'vertical', backgroundColor: '#FFFFFF', align: 'left', verticalAlign: 'top', x: 80, y: 40, floating: true, shadow: true }, tooltip: { formatter: function() { return '<b>'+ this.x +'</b><br/>' + this.series.name + ': ' + this.y ; } }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series: [] } var xAxis = { categories: [], labels: { rotation: -45, align: 'right', style: { fontSize: '12px', fontFamily: 'Verdana, sans-serif' } } }; var seriesSalidas = { data: [] }; seriesSalidas.name = 'Salidas'; var seriesPromedio = { data: [] }; seriesPromedio.name = 'Promedio'; for (var i = 0; i < respuesta.length; i++) { xAxis.categories.push(respuesta[i].intervalo); seriesSalidas.data.push(respuesta[i].sum); seriesPromedio.data.push(respuesta[i].promedio); } options.xAxis.push(xAxis); options.series.push(seriesSalidas); options.series.push(seriesPromedio); var chart = new Highcharts.Chart(options); } |
Etiquetas: |