Skip to content

Add Hover Effect to Line Graph Lines #38

@GeorgeBerdovskiy

Description

@GeorgeBerdovskiy

Background

Due to PR #34, PureChart finally supports line graphs! However, they are a little too simple right now. While another contributor works on rendering the axis (#35) we want to simultaneously add some fancy effects and interactivity.

Goal

When hovering over a line (represented by a path element), it should "glow" with the same color but at around 75% transparency. To achieve this, you may need to

  • Look at the pie chart code for guidance,
  • Modify the code in the line_graph helper method, which is located in purechart/chart_helper.rb
  • Create a view in app/views, most likely called _line_graph.html.erb

This list isn't exhaustive, and it's also not required - if you can accomplish something similar to the picture below, that's all that matters! Good luck 😎

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    ClaimedSomeone has claimed this issue ✋IntermediateFor more experienced programmers 😎StandaloneDoesn't depend on other issues 💪

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions