Scale Result – Line Chart

Description: User Story
—-

As a user,
As a user, I should be able to see a line graph as part of a Scale Result.

**[Zeplin Link]()** – TBD

**_IF_ the scale result is configured to show an optional line graph with longitudinal data:**
– Display a Line Graph with:
– Chart Title: Historical Results
– Legend with series labels
– labels should matching the color of the line
– clicking on the labels should toggle the series line on and off and add opacity to the label when in the off position
– Y-axis shows result scores
– min label = min result score
– max label = max result score
– X-axis shows dates
– min label: oldest date
– max label: most recent date
– dates should be equally distributed across x axis (large gaps in time should not display as large gaps in x-axis)

—-

Web Code – For reference
—-
https://github.com/TangoGroup/polymer/blob/mainline/epoxy/app/components/content/eg-scale-result.html

https://github.com/TangoGroup/polymer/blob/mainline/epoxy/app/components/content/eg-scale-result.js

Complex charting in here and also some additional data fetching for historical scores

Owner: