Title: Adjust Chart Hover CSS
Last modified: March 27, 2019

---

# Adjust Chart Hover CSS

 *  Resolved [southernmost](https://wordpress.org/support/users/southernmost/)
 * (@southernmost)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/adjust-chart-hover-css/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadjust-chart-hover-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Meitar](https://wordpress.org/support/users/meitar/)
 * (@meitar)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/adjust-chart-hover-css/#post-11362509)
 * I’m not sure if Google Charts has a [configuration option](https://developers.google.com/chart/interactive/docs/gallery/linechart#configuration-options)
   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.

 * ![](https://s.w.org/plugins/geopattern-icon/inline-google-spreadsheet-viewer.
   svg)
 * [Inline Google Spreadsheet Viewer](https://wordpress.org/plugins/inline-google-spreadsheet-viewer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/inline-google-spreadsheet-viewer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/)
 * [Active Topics](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Meitar](https://wordpress.org/support/users/meitar/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/adjust-chart-hover-css/#post-11362509)
 * Status: resolved