Hi all. It's been a year since my last question and this one seems like an interesting problem.
First to give you some background, I'm making a stats page for a game. The game consists of three rounds and each round consists of five clicks. Each click can either add or subtract points from your score. So after each round I'd like to show a line chart to plot out the value of the users' points (y axis) against each click (x axis). Since the second round starts with the points from the first and the third from the second, the graph of the entire game (all three rounds) is continuous. In order to graphically distinguish which clicks came from a certain round, I would really like to have the line be broken up into three colored segments. I couldn't find a good solution so I tried to hack my own by simply drawing three individual segments head to tail. However, this doesn't work for two reasons: the line needs to be continuous and it needs to show data tips. The three segments at a glance appear to be continuous, but I set the line to be "curved" so it's smooth. Back-to-back lines don't curve corners and all of a sudden a smooth line has a sharp angle. Secondly, since the ending point of the first or second round is the starting point of the next round, hovering over that point on the chart displays two data tips; one for each round (displaying the same point values). Does anyone know of anything built in to simply say "starting at x-value X change line color to #xxxxxx"? Thanks!
