QPR ProcessAnalyzer Graphs: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 2: | Line 2: | ||
== Graph Functionalities == | == Graph Functionalities == | ||
Graph has the following functionalities: | Graph has the following functionalities: | ||
== Chart Colors == | |||
Colors are based on following: | |||
* Series colors come by default from the color palette | |||
* Series colors can be overriden for individual measures/dimensions | |||
* Data point colors override series color for individual datapoints | |||
* Data points can be defined using a measures/dimensions that is mapped to a data point color | |||
* Conditional formatting can be used to define rules for data point color for individual series | |||
==Customization Examples== | ==Customization Examples== |
Revision as of 16:39, 2 November 2020
Graph Functionalities
Graph has the following functionalities:
Chart Colors
Colors are based on following:
- Series colors come by default from the color palette
- Series colors can be overriden for individual measures/dimensions
- Data point colors override series color for individual datapoints
- Data points can be defined using a measures/dimensions that is mapped to a data point color
- Conditional formatting can be used to define rules for data point color for individual series
Customization Examples
Example for hiding legend.
{ "legend": { "enabled": false } }
Example for forcing a minimum value for the first (left side) Y-axis.
{ "yAxis": [ { "min": 0, "max": 100 } ] }
Example for forcing a minimum value for two Y-axes (left and right side).
{ "yAxis": [ { "min": 0, "max": 100 }, { "min": 0, "max": 10000 } ] }
Example for forcing a minimum and maximum value for the second (right side) Y-axis without forcing a maximum value on the first (left side) Y-axis and giving custom titles for the two Y-axes.
{ "yAxis": [ { "min": 0, "title": { "text": "Left Y-axis" } }, { "min": 0, "max": 100, "title": { "text": "Right Y-axis" } } ] }
Example for hiding the second Y-axis.
{ "yAxis": [ { "visible": true }, { "visible": false } ] }
Example for forcing a minimum value for the X-axis.
{ "xAxis": { "min": 0, "max": 10 } }
Example for reversing order for the Y-axis.
{ "yAxis": [ { "reversed": true } ] }
Conditional Formatting
Define color for data points (column, bar, point depending on chart type), based on the data point value.
{ "color": { "rules": [ { "value": 100, "comparison": ">", "color": "#36d475" }, { "color": "#EF5254" } ] } }