series:result-list
Description
To render information using fields from a result list you can use the Series Result List tag and use the label-field and value-field attributes. This tag must be nested in the Chart Display tag.
You can use the response
attribute to load the data from the response or alternatively you can add a platform and this will get only
the data the series needs to be rendered. You will also need to include the query
directly on this tag if you wish for the user
to be able to filter using the data of this series or alternatively add the query
to the Chart Display tag.
For detail on how to change the color and background color see the demo below, for more detail on what you can change and set using CSS see here.
Usage
<series:result-list response="{object}" results="{object}" platform="{string}" label-field="{string|expression}" value-field="{string|expression}" [class-field="{string|expression}"] type="{string}" [title="{string|expression}"] [show-marker="{string}"] [url-field="{string}"] [number-to-show="{number}"] [action="{string}"] [query="{object}"] [selected-by-default="{boolean}"] [select="{string}"]> </series:result-list>
Directive info
- This directive creates new scope.
Parameters
Param | Type | Details |
---|---|---|
response | object | A response object (please include either a response, results, or a platform not multiple!). |
results | object | An array of results (please include either a response, results, or a platform not multiple!). |
platform | string | The name of the platform to get the data from (please include either a response, results, or a platform not multiple!). |
label-field | stringexpression | Name of field containing the label. |
value-field | stringexpression | Name of field containing the value. |
class-field (optional) | stringexpression | Name of the field containing the value you wish to add as a class to the point |
type | string | The type of chart to render. Types available - 'pie', 'line', 'area', 'column', 'bar', or 'scatter'. |
title (optional) | stringexpression | The title of the series that appears in the legend and tooltip. |
show-marker (optional) | string | Whether to show marker or not. |
url-field (optional) | string | The field in the result list containing the URL from which to make the visualisation clickable. |
number-to-show (optional) | number | Number of results to render on the graph. |
action (optional) | string | The page/action to which clicking the chart should be submitted. By default the action points to the current page. |
query (optional) | object | The search query from which to build links. |
selected-by-default (optional) | boolean | Whether this series should be shown when the chart:display is using select-series="true" mode. Default: true. |
select (optional) | string | How the data should be filtered when clicking on a part of the chart, a valid query must be present. Valid values:-
|