1

I'm using angular nv-d3 and while making a chart, I'd like to have a specific point on the graph be highlighted.

My graph looks like:

enter image description here

I'm getting the data by consuming a rest response, my graphs will have 1 to 3 lines, and the each line is guaranteed to have the date point that I will be highlighting.

I could also live with just having a straight vertical line through that date, I just want a way to differentiate that specific date in the rest of the chart.

Couldn't find anything in the docs about this, and most of the methods I've found to do this use d3.select and jQuery, but I'm not sure if that will work with angular.

heliotrope
  • 349
  • 2
  • 17
  • you already have a vertical line through the date..as shown in the graph. And d3.select will work with angular there will be no issues. – Cyril Cherian Dec 06 '15 at 05:41
  • ok. do you know if it would be as simple as just finding the node that contains my data point, and appending a colored circle to it? or do I just need to spend more time studying the docs? – heliotrope Dec 06 '15 at 06:58
  • 1
    yeas as simple as that ... this is a good answer same as what you need http://stackoverflow.com/questions/30039550/how-to-highlight-only-certain-coordinates-in-nvd3-line-graph – Cyril Cherian Dec 06 '15 at 09:16
  • 1
    Thank you for your help. I think this will require more work though, because I am using the angular-directive d3 library. My code is similar to http://plnkr.co/edit/iIxJT3?p=preview. Hopefully, I can still get to what I need with d3 select. – heliotrope Dec 06 '15 at 11:31

0 Answers0