Support » Plugin: Inline Google Spreadsheet Viewer » Adjust Chart Hover CSS

  • Resolved southernmost


    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’?



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

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


    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)
  • You must be logged in to reply to this topic.