Area range line chart including reference lines, plotting red circles when out of range

[praveenuics]

I'm submitting a ... (check one with "x")

• [ ] bug report - search github for a similar issue or PR before submitting
• [X ] feature request
• [ ] support request - use StackOverflow (add the ngx-charts tag) or the gitter chat for support questions

Current behavior Area range chart with line including reference lines

Expected behavior Expecting Red circles if particular data point is out of area and reference lines

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Business perspective - to find out if the server is going out of range. **Please tell us about your environment:** Windows, VS Code * **ngx-charts version:** x.x.x ^7.3.0

• Angular version: x.x.x ^6.0.9

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

  All browsers

• Language: Typescript ~2.7.2

For Area range and line below is my dataset is[ { "name": "S1", "series": [ { "name": "2010", "value": 7300000, "min": 7000000, "max": 7600000 }, { "name": "2011", "value": 8940000, "min": 8840000, "max": 930000 } .... ] } ]

Reference lines - refLines = [ { max: { value: 42500, name: 'Maximum' }, avg: { value: 37750, name: 'Average' }, min: { value: 33000, name: 'Minimum' } } ];

I hope you get the above expected behavior and please let me know if i can help in anyway.

[akshay2604]

I need the exact same chart. Which chart type is this? I was not able to find it on the demo website. Also is this library free to use?

I need something like this