QPR ProcessAnalyzer Graph Charts: 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"
}
]
}
}