kp564 Ответов: 0

Невозможно построить график в диаграмме js с динамическим div


Hello all,
 
I am creating  dynamically generated divs using js.
it conatins graph and i was unable to display it.
 
can anyone help on same?
 
here is my jquey code,

function createSSFeed(ajaxResponseList, i) {  
       //var json = JSON.parse(JSON.stringify(gameList));  
       //console.log(json.creator_id);  
       var divCrDate = "<div class='row' style='width: 100%; background-color: 
                        #fff;border-bottom:2px dashed #d0d0d0;border-top:none;'>";  
       divCrDate += "<div class='row'>"  
       divCrDate += "<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12'>"  
       divCrDate += "<img width='100%' src='src' alt=''>";  
       
       divCrDate += "<label ID='lbl_Date'>" + ajaxResponseList.sso_title + "</label>";  
       divCrDate += "</div>";  
       divCrDate += "<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12'>"  
       divCrDate += "<div id='basicflot' class='flotGraph'></div>";  
       divCrDate += "</div>";  
       divCrDate += "</div>";  
       divCrDate += "</div>";  
       return divCrDate;  
   }  

Thanks.


Что я уже пробовал:

Я пробовал диаграмму js
но ничего не вышло.

ZurdoDev

Это функция, которая просто создает строку html, но затем ничего с ней не делает.

kp564

Установка его в div.Остальной код работает хорошо, но не может иметь понятия о построении графика я просто закодировал float-chart js

ZurdoDev

Чего вы от нас хотите? Все, что вы опубликовали, - это функция, которая создает некоторый html-код в строке. Ничего больше.

kp564

на
в последней 4-й строке я хочу отобразить график.
А по оси x должна быть дата, а по оси y-число int.

ZurdoDev

Вы используете плагин jquery для построения графиков? Если да, то обратитесь к этой документации.

kp564

Спасибо за ответ,
я использую chart.js

это просто для простого статического контента,
но я собираюсь показать его динамически.
и он также содержит несколько кормов.

ZurdoDev

Там может быть миллион разных chart.js файлы. Итак, снова обратитесь к документации.

Обычно вам придется сделать что-то вроде
$("#basicflot").chart(...);

но вы должны прочитать документацию.

kp564

идентификатор basicFlot id будет увеличиваться как basicFlot0,basicFlot1... так далее

Количество каналов

Для этого, как я должен назвать эту функцию.

ZurdoDev

Так вот для чего я нужен в этой функции? Тогда используй это. Я не совсем понимаю, где вы заблудились.

0 Ответов