Лента этого топика

Как сделать график на PHP

(Ответов: 4, Просмотров: 2273)
  1. 28.03.2013 11:58
    #1
    redm1ke вне форума
    redm1ke
    Banned
    • Регистрация: 23.02.2013
    • Сообщений: 274
    • Репутация: 4
    Нужно сделать так что бы скрипт графика получал значения в переменных и вставлял их в код. Это все понятно как сделать, а вот как нарисовать сам график?
    - Он постоянно меняется, данные берет из базы.
    - Данные менялись внутри скрипта.
    - График представляет собой месячную статистику (Ось Х - дни, Ось Y - Проценты)

    Я уже искал его, все с библиотеками, они на английском, нормальной инструкции не нашел. Нужен сам код с готовыми библиотеками. Буду очень благодарен.
    • 0
  2. 28.03.2013 12:31
    #2
    Removal Of Brain вне форума
    Removal Of Brain
    Дипломник Аватар для Removal Of Brain
    • Регистрация: 23.04.2012
    • Сообщений: 99
    • Репутация: 25
    Использование google charts приемлемо?
    • 1

    Спасибо сказали:
    OKyJIucT(28.03.2013),
  3. 28.03.2013 18:02
    #3
    redm1ke вне форума
    redm1ke
    Banned
    • Регистрация: 23.02.2013
    • Сообщений: 274
    • Репутация: 4
    Removal Of Brain, Да, но что то я под себя его не смог оформить. Не поможете ?
    • 0
  4. 28.03.2013 19:30
    #4
    kik11 вне форума
    kik11
    Дипломник Аватар для kik11
    • Регистрация: 03.01.2013
    • Сообщений: 218
    • Репутация: 43
    redm1ke, библиотека ffmpeg может помочь, как я помню.
    • 0
  5. 28.03.2013 20:49
    #5
    Removal Of Brain вне форума
    Removal Of Brain
    Дипломник Аватар для Removal Of Brain
    • Регистрация: 23.04.2012
    • Сообщений: 99
    • Репутация: 25
    redm1ke,
    Вот пример с их сайта, подогнанный под вас.

    Развернуть текст

    PHP код:
    <html>
      <    head>
        <    script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
          google.load("visualization", "1", {packages:["corechart"]});
          google.setOnLoadCallback(drawChart);
          function drawChart() {
            var data = google.visualization.arrayToDataTable([
              ['Days', 'line1', 'line2'],
              ['1',  20,      90],
              ['2',  30,      50],
              ['3',  40,      20],
              ['4',  50,      80],
              ['5',  90,      100]
            ]);

            var options = {
              title: 'Графики'
            };

            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
          }
        </script>
      </head>
      <body>
        <div id="chart_div" style="width: 900px; height: 500px;"></div>
      </body>
    </html> 
    [свернуть]

    Данные это этот блок

    Развернуть текст

    PHP код:
    var data = google.visualization.arrayToDataTable([
              [    'Days', 'line1', 'line2'],
              [    '1',  20,      90],
              [    '2',  30,      50],
              [    '3',  40,      20],
              [    '4',  50,      80],
              [    '5',  90,      100]
            ]); 
    [свернуть]

    Чтоб было понятней разъясню.
    Первый список в массиве( ['Days', 'line1', 'line2']) это название оси X и далее названия графиков(графиков может быть сколько угодно).
    Следующие списки это значение Х, и значения для графиков в том порядке который вы указали.
    Вот как сделано вывод значений через php(всё идёт в перемешку с html чтоб ошибиться было сложнее.

    Развернуть текст

    PHP код:
    <html>
      <head>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
          google.load("visualization", "1", {packages:["corechart"]});
          google.setOnLoadCallback(drawChart);
          function drawChart() {
            var data = google.visualization.arrayToDataTable([
              ['Days', 'line1', 'line2'],
              <?PHP 
              $cort     = array();
              for (    $i=1;$i<=10;$i++){
                  $r1 = rand(0,100);
                  $r2 = mt_rand(0,100);
                  $cort[]="['{$i}',{$r1},{$r2}]";
              }
                  $data = implode(',',$cort);
              echo     $data;?>
            ]);

            var options = {
              title: 'Графики'
            };

            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
          }
        </script>
      </head>
      <body>
        <div id="chart_div" style="width: 900px; height: 500px;"></div>
      </body>
    </html>
    [свернуть]

    Вот ссыль как это выглядит
    • 2

    Спасибо сказали:
    OKyJIucT(28.03.2013), redm1ke(30.03.2013),

Тэги топика:

« Как вы пишите CSS при верстке альтернативного шаблона | Можно ли так сделать... »

Похожие темы

Темы Раздел Ответов Последний пост
[Key Collector] - скидки и график работы в праздники
 Оффтоп и свободные темы 4 27.12.2012 10:42
Яндекс. Панель ВМ. График
 Поисковые системы 8 09.11.2012 19:40
Как сделать ?
 Web программирование 1 28.01.2012 23:49
Как так сделать?
 Партнерские программы 6 02.11.2011 17:21
Как сделать так же?
 Web программирование 8 09.08.2011 22:07
(добавить баннер)

Баннеры



(добавить ссылку)

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Или перенести аккаунт с других форумов

Золотые темы форума

Все золотые темы

Популярные темы

Информеры