Как сделать, чтобы диаграмма с плавающей точкой использовала значения из базы данных? - PullRequest
Новая
       12

Как сделать, чтобы диаграмма с плавающей точкой использовала значения из базы данных?

0 голосов
/ 29 июня 2010

Я хочу связать гистограмму с накоплением с некоторыми значениями базы данных.У меня это работает, используя жестко закодированные значения.Как мне сделать так, чтобы он использовал значения из базы данных?

В настоящее время у меня есть этот код в файле JavaScript: 

$(function () {
    var css_id = "#placeholder";
    var data = [
        {label: 'Strong', data: [[1,250], [2,250], [3,250], [4,250], [5,250], [6,250], [7,250], [8,250], [9,250], [10,250], [11,250], [12,250]]},        
         {label: 'Weak', data: [[1,200], [2,200], [3,200], [4,200], [5,200], [6,200], [7,200], [8,200], [9,200], [10,200], [11,200], [12,200]]},        
          {label: 'Medium', data: [[1,50], [2,50], [3,50], [4,50], [5,50], [6,50], [7,50], [8,50], [9,50], [10,50], [11,50], [12,50]]},        
    ];
    var options = {
        series: {stack: 0,
                 lines: {show: false, steps: false },
                 bars:  {show: true, barWidth: 0.9, align: 'center'},
                },
        xaxis: {ticks: [[1,'Jan'], [2,'Feb'], [3,'March'], [4,'April'], [5,'May'],[6,'June'],[7,'July'],[8,'August'],[9,'Sept'],[10,'Oct'] ,[11,'Nov'],[12,'Dec'] ]},
    };

    $.plot($(css_id), data, options);
});

1 Ответ

2 голосов
/ 29 июня 2010

Самый простой способ - создать этот файл на стороне сервера. Это означает, что ваш PHP-код повторяет весь материал, получает числа из базы данных.

Сделайте копию из этого js-файла и замените числа местозаполнителями, чтобы сделать его шаблоном:

{label: 'Strong', данные: [[1, # STRONG_1], [2, # STRONG_2] ...]}

Отсюда ваша PHP-программа (или язык, который вы используете на сервере):

  1. Загрузить шаблон
  2. Чтение данных из базы данных
  3. Замена заполнителей на значения в шаблоне
  4. Эхо это

Вы можете использовать параметр URL для сообщения программе, какие данные необходимо прочитать, например, mygraph.php? дата = 20100629

Кроме того, вы должны вставить этот код (шаг 1-4.) В ваш скрипт генератора страниц. Не забудьте добавить открывающие и закрывающие теги «script» до и после кода JS.

Если вы сделали это, вы должны научиться делать аналогичную работу с AJAX.

...