Adjust Chart Hover CSS

  • Resolved southernmost

    (@southernmost)


    7 years, 2 months ago

    I”ve tried to research a solution, but haven’t come up with it (I don’t want to waste your valuable and appreciated time!)

    On a line chart, how can I adjust the bolding and color of the chart-lines when I hover over the legend?

    For example, I have charts with many years of data, described in the chart legend (2012, 2013, 2014, etc).

    When hovering over one of the years in the legend, the appropriate line on the chart becomes slightly bold. I would like to make the bold bigger (or, alternatively, make the other lines greyed out or less opaque).

    Oh oracle, what say ye’?

    🙂

    dave

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Meitar

    (@meitar)

    7 years, 2 months ago

    I’m not sure if Google Charts has a configuration option for what you’re looking for, but you could try playing with dataOpacity or the trendlines features.

    If that doesn’t offer what you need, Google Charts are just SVG so you may be able to style them as with any other SVG element from your stylesheets or by catching the events emitted from the chart (if enableInteractivity is set to true for your chart) and applying the CSS or editing the SVG elements directly via JavaScript.

    Fundamentally, this is a Google Charts question, so I’d ask the Google Product Support community.

Viewing 1 replies (of 1 total)

The topic ‘Adjust Chart Hover CSS’ is closed to new replies.