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

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

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

    Спасибо сказали:

    OKyJIucT(28.03.2013),
  3. Banned
    • Регистрация: 23.02.2013
    • Сообщений: 274
    • Репутация: 4
    Removal Of Brain, Да, но что то я под себя его не смог оформить. Не поможете ?
    • 0
  4. Дипломник Аватар для kik11
    • Регистрация: 03.01.2013
    • Сообщений: 218
    • Репутация: 43
    redm1ke, библиотека ffmpeg может помочь, как я помню.
    • 0
  5. Дипломник Аватар для 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),

Похожие темы

Темы Раздел Ответов Последний пост
[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

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

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

Информеры