QPR ProcessAnalyzer Graphs: Difference between revisions

From QPR ProcessAnalyzer Wiki
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"
			}
		]
	}
}