aboutsummaryrefslogtreecommitdiffstats
path: root/doc/tile__line_chart.rst
diff options
context:
space:
mode:
Diffstat (limited to 'doc/tile__line_chart.rst')
-rw-r--r--doc/tile__line_chart.rst81
1 files changed, 81 insertions, 0 deletions
diff --git a/doc/tile__line_chart.rst b/doc/tile__line_chart.rst
new file mode 100644
index 0000000..a7435b1
--- /dev/null
+++ b/doc/tile__line_chart.rst
@@ -0,0 +1,81 @@
+==============
+``line_chart``
+==============
+
+.. image:: img/smaller/line-chart.png
+
+**Description**
+
+Line-chart using `jqPlot <http://www.jqplot.com/>`_ library. Allows to display
+arbitrary number of plots on single chart, with automatical generation of trend
+lines for them (which is turned on by default).
+
+**Content**
+
+::
+
+ data = {
+ "subtitle": "<subtitle_text">,
+ "description": "<description_text>",
+ "series_list": [[<series1>], [<series2>], [<series3>], ...]
+ }
+
+where:
+
+.. describe:: subtitle, description
+
+ Additional text fields for charts descriptions (optional - you can pass
+ empty strings here).
+
+.. describe:: series_list
+
+ Data for line-charts in a form of list of series, where each series
+ designates single chart; each element of a given series is a pair
+ ``[x_axis_value, y_axis_value]``.
+
+Example::
+
+ curl http://localhost:7272/api/v0.1/<api_key>/push
+ -X POST
+ -d "tile=line_chart"
+ -d "key=example_line"
+ -d 'data={"subtitle": "averages from last week",
+ "description": "Sales in our dept",
+ "series_list": [[["23.09", 8326], ["24.09", 260630], ["25.09", 240933], ["26.09", 229639], ["27.09", 190240], ["28.09", 125272], ["29.09", 3685]],
+ [["23.09", 3685], ["24.09", 125272], ["25.09", 190240], ["26.09", 229639], ["27.09", 240933], ["28.09", 260630], ["29.09", 108326]]]}'
+
+-- this will give two plots on a single chart (on x-axis there will be "23.09",
+"24.09", "25.09" and so on) with heading "Sales in our dept" and subtitle
+"averages from last week".
+
+**Configuration**
+
+::
+
+ value = {<jqplot_config>}
+
+where:
+
+.. describe:: jqplot_config
+
+ Configuration params in the form described by `jqPlot documentation
+ <http://www.jqplot.com/tests/line-charts.php>`_.
+
+Example::
+
+ curl http://localhost:7272/api/v0.1/<api_key>/tileconfig/example_line
+ -X POST
+ -d 'value={"grid": {"drawGridLines": true,
+ "gridLineColor": "#FFFFFF",
+ "shadow": false,
+ "background": "#000000",
+ "borderWidth": 0}}'
+
+-- this will set up the grid (in white color), black background and will turn
+off shadow effects as well as borders.
+
+.. note::
+
+ In case of displaying multiple plots on a single chart (e.g. for more than
+ one data series) you have to keep in mind that the ``x_axis_value`` values
+ should be the same for all of those plots.