Documentation
Count and Graph
Description
Count and Graph addon enables users to insert a ready-made bar graph into a presentation. To make the activity work, it is enough to predefine a few specific properties in the addon’s side menu.
Properties
Property name | Description |
---|---|
X axis description | Your description of X axis |
X axis data | You can define here the number of columns, numeric answers for every column, color of every column and description, which can be a string or an image.
This property allows online resources. Find out more » |
Y axis description | Your description of Y axis |
Y axis maximum value | Defines maximum value on scale on Y axis |
Y axis values | You can specify values on y axis separated by semi-colons, e.g. "2;3;4;7" or increase the value, e.g. "2*" (remember to include a star), then values on y axis will be: (0, 2, 4, ... , [Y axis maximum value]) |
Bars width | Width of every column in graph in pixels |
Background color | Background color specified in '#RRGGBB' (hex) notation or by name, e.g. 'pink' |
Grid line color | Color of lines in background grid specified in '#RRGGBB' (hex) notation or by name, e.g. 'pink' |
Border | Border size. A number between 0 (no border) and 5 (5px black border) |
Scoring
Property | Description |
---|---|
maxScore | maximum score is equal to the number of columns on correct position |
score | score is equal to the number of columns on correct position |
errorCount | errorCount is equal to the number of columns on wrong position |
Supported commands
Command name | Params | Description |
---|---|---|
hide | --- | Hide the addon. |
show | --- | Show the addon. |
showAnswers | --- | Shows the addon answers. |
hideAnswers | --- | Hides the addon answers. |
Events
The Count and Graph addon sends ValueChanged type events to Event Bus when a user fills in the graph levels..
Field name | Description |
---|---|
Item | Information on which column has been filled (i.e. "2 increase" means that the second column has been filled in) |
Value | |
Score | 1 if level is correct, 0 if incorrect |
When a user fills in all columns without any error, the addon sends the 'ALL OK' event. This event is different from a normal Count and Graph event so its structure is shown below.
Field name | Description |
---|---|
Item | all |
Value | N/A |
Score | N/A |
CSS classes
Class name | Description |
---|---|
jqplot-yaxis | Class for the y axis box. |
jqplot-xaxis | Class for the x axis box. |
jqplot-yaxis-label | Class for the y axis descriptions. |
jqplot-xaxis-label | Class for the x axis descriptions. |
jqplot-yaxis-tick | Class for every value description on the Y axis. |
jqplot-xaxis-tick | Class for every value description on the X axis. |
.jqplot-point-label .jqplot-series-<column level> .jqplot-point-<column number> up |
Class for div that shows the up arrow. jqplot-series and jqplot-point are counted from 0. |
.jqplot-point-label .jqplot-series-<column level> .jqplot-point-<column number> down |
Class for div that shows the down arrow. jqplot-series and jqplot-point are counted from 0. |
.jqplot-point-label .jqplot-series-<column level> .jqplot-point-<column number> ok |
Class for div that shows the ok sign. jqplot-series and jqplot-point are counted from 0. |
Demo presentation
Demo presentation contain examples of how to use and configure the addon.