Hawkular Charts - Response Time Sample

This page demonstrates how to use the Hawkular Charts Angular components with various configurations. It uses an actual Hawkular Metrics Response Time data set captured to show how different configuration settings change the look of the graph.

Feel free to change the data set or configuration settings to play around with what your chart can look like.

Also, be sure to drag on the chart to select interesting areas to zoom in on. This example has all of charts responding to the change in zoom area.

Chart Attributes:
  • alert-value="2000"
  • show-data-points"true"
  • use-zero-min-value="false" (Zoomed In)
    • Chart Attributes:
  • alert-value="2000"
  • use-zero-min-value="true" (use zero as the Y Axis)
    • Chart Attributes:
  • alert-value="6000"
  • use-zero-min-value="true" (use zero as the Y Axis)
    • Chart Attributes:
  • alert-value="1000"
  • use-zero-min-value="true" (use zero as the Y Axis)