class Ajax in Flot 8
Displays a graph to demonstrate the AJAX capabilities of FLOT.
Hierarchy
- class \Drupal\Core\Controller\ControllerBase implements ContainerInjectionInterface uses LoggerChannelTrait, MessengerTrait, LinkGeneratorTrait, RedirectDestinationTrait, UrlGeneratorTrait, StringTranslationTrait
- class \Drupal\flot_examples\Controller\Ajax
Expanded class hierarchy of Ajax
1 string reference to 'Ajax'
- 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 11
Namespace
Drupal\flot_examples\ControllerView source
class Ajax extends ControllerBase {
/**
* Function realtime.
*/
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;
}
/**
* Function realtime.
*/
public function json1($id) {
$data_set = [
[
1999,
3.0,
],
[
2000,
3.9,
],
[
2001,
2.0,
],
[
2002,
1.2,
],
[
2003,
1.3,
],
[
2004,
2.5,
],
[
2005,
2.0,
],
[
2006,
3.1,
],
[
2007,
2.9,
],
[
2008,
0.9,
],
];
$data_slice = array_slice($data_set, 0, $id);
$data = array(
'label' => 'Europe (EU27)',
'data' => $data_slice,
);
return new JsonResponse($data);
}
/**
* Function realtime.
*/
public function json2($id) {
$data_set = [
[
1999,
-0.1,
],
[
2000,
2.9,
],
[
2001,
0.2,
],
[
2002,
0.3,
],
[
2003,
1.4,
],
[
2004,
2.7,
],
[
2005,
1.9,
],
[
2006,
2.0,
],
[
2007,
2.3,
],
[
2008,
-0.7,
],
];
$data_slice = array_slice($data_set, 0, $id);
$data = array(
'label' => 'Japan',
'data' => $data_slice,
);
return new JsonResponse($data);
}
/**
* Function realtime.
*/
public function json3($id) {
$data_set = [
[
1999,
4.4,
],
[
2000,
3.7,
],
[
2001,
0.8,
],
[
2002,
1.6,
],
[
2003,
2.5,
],
[
2004,
3.6,
],
[
2005,
2.9,
],
[
2006,
2.8,
],
[
2007,
2.0,
],
[
2008,
1.1,
],
];
$data_slice = array_slice($data_set, 0, $id);
$data = array(
'label' => 'USA',
'data' => $data_slice,
);
return new JsonResponse($data);
}
}
Members
Name | Modifiers | Type | Description | Overrides |
---|---|---|---|---|
Ajax:: |
public | function | Function realtime. | |
Ajax:: |
public | function | Function realtime. | |
Ajax:: |
public | function | Function realtime. | |
Ajax:: |
public | function | Function realtime. | |
ControllerBase:: |
protected | property | The configuration factory. | |
ControllerBase:: |
protected | property | The current user service. | 1 |
ControllerBase:: |
protected | property | The entity form builder. | |
ControllerBase:: |
protected | property | The entity manager. | |
ControllerBase:: |
protected | property | The entity type manager. | |
ControllerBase:: |
protected | property | The form builder. | 2 |
ControllerBase:: |
protected | property | The key-value storage. | 1 |
ControllerBase:: |
protected | property | The language manager. | 1 |
ControllerBase:: |
protected | property | The module handler. | 2 |
ControllerBase:: |
protected | property | The state service. | |
ControllerBase:: |
protected | function | Returns the requested cache bin. | |
ControllerBase:: |
protected | function | Retrieves a configuration object. | |
ControllerBase:: |
private | function | Returns the service container. | |
ControllerBase:: |
public static | function |
Instantiates a new instance of this class. Overrides ContainerInjectionInterface:: |
40 |
ControllerBase:: |
protected | function | Returns the current user. | 1 |
ControllerBase:: |
protected | function | Retrieves the entity form builder. | |
ControllerBase:: |
protected | function | Retrieves the entity manager service. | |
ControllerBase:: |
protected | function | Retrieves the entity type manager. | |
ControllerBase:: |
protected | function | Returns the form builder service. | 2 |
ControllerBase:: |
protected | function | Returns a key/value storage collection. | 1 |
ControllerBase:: |
protected | function | Returns the language manager service. | 1 |
ControllerBase:: |
protected | function | Returns the module handler. | 2 |
ControllerBase:: |
protected | function |
Returns a redirect response object for the specified route. Overrides UrlGeneratorTrait:: |
|
ControllerBase:: |
protected | function | Returns the state storage service. | |
LinkGeneratorTrait:: |
protected | property | The link generator. | 1 |
LinkGeneratorTrait:: |
protected | function | Returns the link generator. | |
LinkGeneratorTrait:: |
protected | function | Renders a link to a route given a route name and its parameters. | |
LinkGeneratorTrait:: |
public | function | Sets the link generator service. | |
LoggerChannelTrait:: |
protected | property | The logger channel factory service. | |
LoggerChannelTrait:: |
protected | function | Gets the logger for a specific channel. | |
LoggerChannelTrait:: |
public | function | Injects the logger channel factory. | |
MessengerTrait:: |
protected | property | The messenger. | 29 |
MessengerTrait:: |
public | function | Gets the messenger. | 29 |
MessengerTrait:: |
public | function | Sets the messenger. | |
RedirectDestinationTrait:: |
protected | property | The redirect destination service. | 1 |
RedirectDestinationTrait:: |
protected | function | Prepares a 'destination' URL query parameter for use with \Drupal\Core\Url. | |
RedirectDestinationTrait:: |
protected | function | Returns the redirect destination service. | |
RedirectDestinationTrait:: |
public | function | Sets the redirect destination service. | |
StringTranslationTrait:: |
protected | property | The string translation service. | 1 |
StringTranslationTrait:: |
protected | function | Formats a string containing a count of items. | |
StringTranslationTrait:: |
protected | function | Returns the number of plurals supported by a given language. | |
StringTranslationTrait:: |
protected | function | Gets the string translation service. | |
StringTranslationTrait:: |
public | function | Sets the string translation service to use. | 2 |
StringTranslationTrait:: |
protected | function | Translates a string to the current language or to a given language. | |
UrlGeneratorTrait:: |
protected | property | The url generator. | |
UrlGeneratorTrait:: |
protected | function | Returns the URL generator service. | |
UrlGeneratorTrait:: |
public | function | Sets the URL generator service. | |
UrlGeneratorTrait:: |
protected | function | Generates a URL or path for a specific route based on the given parameters. |