Update from 3.5 to 5.0.8: JS Error: Cannot read properties of undefined (reading 'google')

Hi @andileco,
thank you for your reply :)

> 1 - make sure that update.php has been run
Made the update via composer followed by drush updatedb
I think ALL the views with charts went through the update process.
I tried 5.0.x-dev, which also ran through the update process.
There are no more updates available at update.php

> 2 - re-save the charts configuration
on /admin/config/content/charts I tried the following:
- changing the charting library from google to highcharts and save, then back to google and save.
- in google settings, enable material design and save, then disable material design and save - this also generated a warning the missing key outlined in https://www.drupal.org/project/charts/issues/3390787 hence the 5.0.x-dev tryout.
Undefined array key "use_material_design" in Drupal\charts_google\Plugin\chart\Library\Google->buildConfigurationForm() (line 113 of \web\modules\contrib\charts\modules\charts_google\src\Plugin\chart\Library\Google.php)

> 3 - re-save charts format settings and their respective views that aren't working
I have little experience with how charts / views work together, so I'll try and keep it as simple as possible hopefully without missing important information.

View is made up of two displays:

Display 1: Attachment to the view block [Display 2]:
Format:
- chart - Google / Bar with Taxonomy term: short description label. Stacking enabled.
- Show: fields, with Provide default field wrapper elements enabled.

Fields:
- content: combination of a
-- content field,
-- taxonomy term [duplicated, one with default and the other with short description]
-- COUNT: content: id
All fields have aggregation. Content and taxonomy set to 'groups results together' and count set to aggregation: count.

Relationships:
- taxonomy term [but not required]

Display 2: View block [and is added to a node via the block layout]:
- Format: table
- The fields / filter / sort / relationship settings look like they are the same as the charts content - it looks like this is a table version of the chart data and this does display on the node is it attached to.

I think the view is ok and when I comment out const globalOptions = drupalSettings.charts.google.global_options and so on as outlined in the first post, the chart displays where & how it is expected.

Are the drupalSettings.charts.google.global_options defined in web/modules/contrib/charts/modules/charts_google/src/Plugin/chart/Library/Google.php ?

    // Setting global options.
    $element['#attached']['drupalSettings']['charts']['google']['global_options'] = [
      'useMaterialDesign' => !empty($this->configuration['use_material_design']) ? 'true' : 'false',
      'chartType' => $element['#chart_type'],
    ];

I am sure this attach is working as is should as a few lines above this we have:
$element['#attached']['library'][] = 'charts_google/google';
Which adds web/modules/contrib/charts/modules/charts_google/js/charts_google.js to the page and I can comment out the drupalSettings.charts.google.global_options that prevents the chart from rendering.

Just the drupalSettings option is not getting through? Should there be something 'global_options' in the DB? I did a DB search for "global_options" and the only value returned was in table key-value:
Collection: post_update
Name: existing_updates
Value: string was part of: charts_highcharts_post_update_set_default_global_options
I did not see a google related one, should there be something similar or have is gone off on a random tangent? :)

Would going back to an earlier 5 version be any use? For example, roll back to the DB with v3.5 installed and then install the first v5 release and update through each release to 5.0.8 from there? Or are all the updates from the first 5 release in the 5.0.8 installation?

Thank you for your help

Hi @andileco

/admin/config/content/charts
- default charting library as Google
- enabling "Use Material Design"
and saved.

Still get the same error [in incognito / hard reload /drupal cache cleared]: Cannot read properties of undefined (reading 'google')

I have a local patch which does the following:

      //const globalOptions = drupalSettings.charts.google.global_options;
      let useMaterialDesign = false;
      let chartType = 'line';

And with this I can get the charts rendering. As the chart settings are defined in the view and they seem to be respected [my testing view has a barm not line chart], I think I should be ok to leave this in place? At least for now?

Thank you for your help :)