public function Ajax::content in Flot 8

Function realtime.

1 string reference to 'Ajax::content'

flot_examples.routing.yml in flot_examples/flot_examples.routing.yml

flot_examples/flot_examples.routing.yml

File

flot_examples/src/Controller/Ajax.php, line 16

Class

Ajax

Displays a graph to demonstrate the AJAX capabilities of FLOT.

Namespace

Drupal\flot_examples\Controller

Code

public function content() {
  $options = [
    'lines' => [
      'show' => TRUE,
    ],
    'points' => [
      'show' => TRUE,
    ],
    'xaxis' => [
      'tickDecimals' => 0,
      'tickSize' => 1,
    ],
  ];
  $data = array();
  $text = [];
  $text[] = $this
    ->t('Example of loading data dynamically with AJAX. Percentage change in GDP (source: <a href=":one">Eurostat</a>). Click the buttons below:', [
    ':one' => 'http://epp.eurostat.ec.europa.eu/tgm/table.do?tab=table&init=1&plugin=1&language=en&pcode=tsieb020',
  ]);
  $text[] = $this
    ->t('The data is fetched over HTTP, in this case directly from text files. Usually the URL would point to some web server handler (e.g. a PHP page or Java/.NET/Python/Ruby on Rails handler) that extracts it from a database and serializes it to JSON');
  $text[] = [
    'setp' => TRUE,
    0 => [
      '#type' => 'button',
      '#attributes' => [
        'class' => [
          'fetchSeries',
        ],
      ],
      '#value' => $this
        ->t('First dataset'),
    ],
    1 => $this
      ->t('[ <a href=":one">see data</a> ]', [
      ':one' => 'data-eu-gdp-growth/',
    ]),
    2 => [
      '#markup' => '<span></span>',
    ],
  ];
  $text[] = [
    0 => [
      '#type' => 'button',
      '#attributes' => [
        'class' => [
          'fetchSeries',
        ],
      ],
      '#value' => $this
        ->t('Second dataset'),
    ],
    1 => $this
      ->t('[ <a href=":one">see data</a> ]', [
      ':one' => 'data-japan-gdp-growth/',
    ]),
    2 => [
      '#markup' => '<span></span>',
    ],
    'setp' => TRUE,
  ];
  $text[] = [
    0 => [
      '#type' => 'button',
      '#attributes' => [
        'class' => [
          'fetchSeries',
        ],
      ],
      '#value' => $this
        ->t('Third dataset'),
    ],
    1 => $this
      ->t('[ <a href=":one">see data</a> ]', [
      ':one' => 'data-usa-gdp-growth/',
    ]),
    2 => [
      '#markup' => '<span></span>',
    ],
    'setp' => TRUE,
  ];
  $text[] = $this
    ->t('If you combine AJAX with setTimeout, you can poll the server for new data.');
  $text[] = [
    [
      '#type' => 'button',
      '#attributes' => [
        'class' => [
          'dataUpdate',
        ],
      ],
      '#value' => $this
        ->t('Poll for data'),
    ],
    'setp' => TRUE,
  ];
  $output['flot'] = [
    '#type' => 'flot',
    '#theme' => 'flot_examples',
    '#data' => $data,
    '#options' => $options,
    '#text' => $text,
    '#attached' => [
      'library' => [
        'flot_examples/ajax',
      ],
    ],
  ];
  return $output;
}