Out of the box, the composer installation of Varbase doesn't include all of the libraries and the error messages don't make this clear. You'll only notice once you start trying to use them and notice that the libraries aren't loading on the right pages. Otherwise the Views lets you select and then it displays nothing.

This offers some support:

https://www.ostraining.com/blog/drupal/create-charts-with-views/

(But I haven't been able to make it work yet.)

Comments

bogdog400 created an issue. See original summary.

bogdog400’s picture

Thanks very much. This ended up helping. I don't know why I didn't see the README but it helps.

Also, I hate to ask this, but just how does one copy this into the composer.json file? I had to add extra string tags because the repository section is a mapping. I just ended up using the library name as a tag for the JSON block in the readme and it started to parse correctly. Then it worked.

Have you considered putting these directly in the composer file? It worries me a bit to hard code in the version numbers.

mmjvb’s picture

Looks like you need to be consistent in the repositories key: Either with or without label.

rajab natshah’s picture

Project: Varbase - The Ultimate Drupal CMS Starter Kit (Bootstrap Ready) » Varbase Total Control Dashboard
rajab natshah’s picture

Using chartjs, c3, and d3 in Varbase Dashboard
#3062258: Change Varbase Dashboard to work with C3 Charts and without warning
#3066869: Fix not appearing Varbase dashboard sessions and page views chart

The current composer has

    "installer-paths": {
      "docroot/core": ["type:drupal-core"],
      "docroot/profiles/{$name}": ["type:drupal-profile"],
      "docroot/modules/contrib/{$name}": ["type:drupal-module"],
      "docroot/themes/contrib/{$name}": ["type:drupal-theme"],
      "docroot/libraries/slick": ["npm-asset/slick-carousel"],
      "docroot/libraries/ace": ["npm-asset/ace-builds"],
      "docroot/libraries/masonry": ["npm-asset/masonry-layout"],
      "docroot/libraries/{$name}": [
        "type:drupal-library",
        "type:bower-asset",
        "type:npm-asset"
      ],
      "docroot/modules/custom/{$name}": ["type:drupal-custom-module"],
      "docroot/themes/custom/{$name}": ["type:drupal-custom-theme"],
      "drush/contrib/{$name}": ["type:drupal-drush"]
    },
    "drupal-libraries": {
      "library-directory": "docroot/libraries",
      "libraries": [
        {"name": "dropzone","package": "npm-asset/dropzone"},
        {"name": "blazy", "package": "npm-asset/blazy"},
        {"name": "slick", "package": "npm-asset/slick-carousel"},
        {"name": "ace", "package": "npm-asset/ace-builds"},
        {"name": "chartjs", "package": "bower-asset/chartjs"},
        {"name": "c3","package": "bower-asset/c3"},
        {"name": "d3", "package": "bower-asset/d3"},
        {"name": "masonry", "package": "npm-asset/masonry-layout"},
        {"name": "imagesloaded", "package": "npm-asset/imagesloaded"},
        {"name": "swagger-ui", "package": "swagger-api/swagger-ui"}
      ]
    },

Add all extra libraries is you need them.
closing this issue

rajab natshah’s picture

Status: Active » Fixed
rajab natshah’s picture

Status: Fixed » Closed (fixed)