How do I show webform component labels in a chart using Views chart format?

Question

Drupal 7.50, Webform 4.12, Webform Chart 2.0, Views 3.13, Charts 2.0, with Google Charts as the charting engine, so not Highcharts.

I have a webform that collects simple drop down list values for each question. The values are 1, 2, 3, 4 and 5. There are around 10 questions.

The labels for each component are not displayed on the chart. It seems the Label of the very last field added to the list is used for all fields, and they are only shown when the bar is hovered over.

I created a view and added the webform submission data fields then enabled aggregation and set the format to Chart. Limited the number of records in the pager settings to 1 (So we get just one Webform instance). Example below shows how the first series is called "Governance Framework" but when hovered over, the bar shows the last label "Organisational Structure1".

Can anyone advise how I can get the Webform Component Field labels to show up on the left of each of the bars, or fix the hover over issue? Many thanks!

P.s. not sure which module page I should log an issue, so any pointers on how to patch the relevant project would be appreciated.

Answer 1

Module involved

About your PS:

... not sure which module page I should log an issue, so any pointers on how to patch the relevant project would be appreciated.

No doubt possible: Charts.

Using tooltips

It sounds to me that you should have a look at Pass library-specific options via existing #raw_options, which already provides a solution (using #raw_options) to what you're trying to get to work (ie: "tooltips"). For charting engine Highcharts it's already supported (and committed to the most recent dev version, which is the version I recommend), while for charting engine Google Charts (which you are using) you'd need to apply the RTBC-patch attached to comment nr 9. Obviously, after that patch is committed, using the #raw_options will continue to work (for either charting engine). And rest assured, this patch will (not might ...) make it.

With this #raw_options solution, Charts has a solution for using options that are specific for either of the supported charting engines (Google Charts or Highcharts). While still not deviating from a key design concept of the Charts module, which is that all supported charting options should work for either charting engines (you should be able to easily swap from one to the other charting engine, without your charts being affected).

Notes:

1. Apart from Webform Chart (without s), there is also Webform Charts (with s). The results you'd get are probably going to be similar, because both modules use Charts.
2. Drupal 7.50, which you are using, is the most recent Drupal version, but still your screenprint includes that (red) error msg with "There is a security update available for your version of Drupal"... bizarre ...

^{Disclosure: I'm a co-maintainer of the Charts module.}