google - jquery flot>(

Los gráficos flotantes que dan "$.plot no son una función"

Question

Estoy probando flot chart, pero sigo encontrando este error:

TypeError: $ .plot no es una función

Importé todos los javascripts necesarios antes de mis propias funciones.

html:

<div class="row">
<div id="monthly_balance" class="col-md-12" style="height: 200px;">
</div>
</div>

js:

<script src="//cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdn.jsdelivr.net/excanvas/r3/excanvas.compiled.js"></script>
<script src="//cdn.jsdelivr.net/jquery.flot/0.8.4/jquery.flot.min.js"></script>
<script type="text/javascript">
$(function () {
var data = [[1, 12], [2, 25], [3, 4]]; //examplelist
var options = {
series: {
lines: { show: true },
points: { show: true }
}
};
$.plot($("#monthly_balance"), data, options)
});
</script>

Mi js está en la parte inferior de la página (traté de ponerlo en la cabeza también, pero guardé el mismo error).

Answer 1

El archivo http://cdn.jsdelivr.net/jquery.flot/0.8.4/jquery.flot.min.js no se encuentra en el servidor, de ahí el error. Corrige la referencia del script, y estará bien.

Por ejemplo: http://cdn.jsdelivr.net/jquery.flot/0.8.3/jquery.flot.min.js funciona bien. La versión 0.8.4 actualmente no se encuentra en el CDN.