QPR ProcessAnalyzer Graphs: Difference between revisions

From QPR ProcessAnalyzer Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 97: Line 97:
</pre>
</pre>


== Conditional Formatting ==
Define color for data points (column, bar, point depending on chart type), based on the data point value.
<pre>
{
"color": {
"rules": [
{
"value": 100,
"comparison": ">",
"color": "#36d475"
},
{
"color": "#EF5254"
}
]
}
}
</pre>
[[Category: QPR ProcessAnalyzer]]
[[Category: QPR ProcessAnalyzer]]

Revision as of 16:34, 2 November 2020

Graph Functionalities

Graph has the following functionalities:

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"
			}
		]
	}
}