Articles of flot

Actualizar / Reload Flot en Javascript

Hola chicos, ¿alguien sabe cómo recargar un gráfico flotante en javascript? Por ejemplo, quiero volver a dibujar el gráfico cada vez que se cambia un valor de entrada. Intenté experimentar con algunos métodos encontrados en la API flot , como draw () y setupGrid () sin suerte. Aquí hay un código de ejemplo: $(“#some_input_box”).change(function(){ plot.draw(); […]

¿Cómo puedo mostrar solo el último punto de un diagtwig de Flot?

He hecho un gráfico de Flot que usa las configuraciones a continuación y el gráfico que se muestra es una línea con 4 puntos (cada vez). Sólo quiero que se muestre el último punto (punto). ¿Tienes alguna idea de cómo puedo hacerlo? (O, probablemente, ¿puedes decirme una forma de poner un paso en mi gráfico […]

Flot no carga JSON

Soy nuevo en json y flot. Pero me han pedido que cree un gráfico. ¿Podría alguien explicarme por qué mi código no funciona? $.getJSON(‘chart.json’, function(graphData){ alert(graphData); $.plot($(‘#graph-lines’), graphData, { series: { points: { show: true, radius: 15, }, lines: { show: true, lineWidth: 6 }, shadowSize: 0 }, grid: { color: ‘#646464’, borderColor: ‘transparent’, borderWidth: […]

flot – error gráfico de linea

Estoy tratando de trazar un gráfico de líneas usando flot y estoy teniendo algunos problemas. Es cierto que soy muy nuevo en flot. Mi matriz de datos se carga desde llamadas ajax. Creo que tengo los datos en el formato correcto, pero cuando se carga mi página, aparece un error en jquery.flot.js. Aquí está mi […]

ancho de barra dinámica flot

Este es el código que solía usar para las barras. bars: { show: true, barWidth: 12 * 24 * 60 * 60 * 300, ese ancho funciona conmigo cuando el valor min y max del eje x es 2014-2-2.gettime() y 2014-9-9 respectivamente (estoy tratando de darle la idea, no la syntax exacta). Pero la barra […]

¿Por qué la línea de flotación vuelve a la parte superior izquierda?

Este es mi código: var holder = $(‘#line-chart’); if (holder.length) { $.plot(holder, [ { data: data[0].data, lines: { show: true }, label:”Service Level” }, { data: data[1].data, bars: { show: true }, yaxis: 2, label:”# Of Calls” } // set second series to use second axis ], { yaxes: [{ min: 0, // options for […]

jQuery flot pie redimensionar

Tengo la cosa de redimensionamiento funcionando pero cuando uso el gráfico circular al principio, todo está bien, pero cuando redimensiono el contenedor obtengo un gráfico grande de sqaure en lugar de la circular redonda. ¿Cómo es posible arreglar esto? El código JS: $(“table.chart-pie”).each(function() { var colors = []; $(“table.chart-pie thead th:not(:first)”).each(function() { colors.push($(this).css(“color”)); }); $(this).graphTable({ […]

¿Flotan dentro de jquery qtip?

Estoy tratando de replicar lo que Amazon, Trip Advisor, etc. están haciendo y muestran una interfaz de tipo de información sobre herramientas cuando se desplaza sobre un puntaje promedio de revisión para mostrar el desglose de las puntuaciones en formato de gráfico de barras: en los foros de qtip se dice que usa Flot (mi […]

jQuery Flot xaxis Formato de hora

Estoy usando jQuery Plot para mi gráfica. Tengo una lista con algunas marcas de tiempo y valor de una base de datos. Quiero convertir mi marca de tiempo al formato H: i: s. Estos resultados son del 10-05-2012 08:57:45 al 10-05-2012 09:03:40. var rx = [[1336633065, 152], [1336633071, 152], [1336633076, 152], [1336633080, 153], [1336633086, 152], […]

Flot gráfico circular no se muestra (código revisado)

Necesito un gráfico circular y encontré a Flot . Parece simple y poderoso, pero todos los ejemplos que he encontrado describen los “datos” usando valores fijos (por ejemplo, [1,2]) pero necesito mostrar datos dynamics. Tengo cinco variables que finalmente deben sumr 100. Quiero incluir solo aquellas que tienen un valor> 0, y si no sumn […]