Проблема с динамической библиотекой jquery

Question

У меня проблема с библиотекой flot для построения графика с использованием линейного графика. Я хочу создать SQL-запрос на основе Java, который бы дал мне значения, которые я бы поместил в строковую переменную json и передал их в переменную данных javascript. Я пытался что-то сделать, но это не обновлялось. Вот мой код:

     <script>
 $(function(){
     var options = {
                lines: { show: true },
                points: { show: true },
                xaxis: { show:false,tickDecimals: 0, tickSize: 20 }
            };

            var data = [];
            var placeholder = $("#myplace");

            $.plot(placeholder, data, options);

            function update() {
                // we get all the data in one go, if we only got partial
                // data, we could merge it with what we already got
            <%
    String jsonString = "{\"label\": \"Europe (EU28)\",\"data\": [[1, 20], [20, 10], [40, 3.9], [100, 40]]}";
    out.flush();
    %>    
                data = [<%=jsonString%>];

              // console.log(series[0][1]);
                $.plot($("#myplace"), data, options);
                setTimeout(update,1000);
            }

           update();

 });
 </script>

Кто-нибудь может мне помочь, как мне поступить? спасибо

Answer 1

Ваш код Java создаст строку, которая не назначена переменной JavaScript. Я удалил ненужные вещи, как out.flush. Вот как должна выглядеть ваша функция обновления:

function update() {
        // we get all the data in one go, if we only got partial
        // data, we could merge it with what we already got
        data = <% "{\"label\": \"Europe (EU28)\",\"data\": [[1, 20], [20, 10], [40, 3.9], [100, 40]]}";%>;   
        $.plot($("#myplace"), data, options);
}

Я также удалил setTimeout, поскольку он будет выдавать одни и те же данные каждый раз. Если вы хотите, чтобы ваши графики неоднократно обновлялись с сервера, вам следует изучить запросы ajax (например, $ .get в jQuery).