Nuxt•2y ago

Trouble using Highcharts' bubble charts

I installed nuxt-highcharts and I was able to get a simple line chart working, but I am having some trouble with bubble charts, speciifically packedbubble (https://www.highcharts.com/docs/chart-and-series-types/packed-bubble). This is the error that I am getting:

highcharts.src.js:218 Uncaught (in promise) Error: Highcharts error #17: www.highcharts.com/errors/17/?missingModuleFor=bubble
 - missingModuleFor: bubble

highcharts.src.js:218 Uncaught (in promise) Error: Highcharts error #17: www.highcharts.com/errors/17/?missingModuleFor=bubble
 - missingModuleFor: bubble

I believe all I need to do is updating the nuxt.config.ts accordingly. I have tried a few things following this (https://github.com/richardeschloss/nuxt-highcharts) but nothing. Here's my latest iteration:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  app: {
    head: {
      link: [{ rel: "icon", type: "image/png", href: "/favicon-32x32.png" }],
    },
  },
  css: [
    "~/assets/css/main.css",
    "@fortawesome/fontawesome-svg-core/styles.css",
  ],
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  modules: ["nuxt-highcharts", "@pinia/nuxt"],
  buildModules: ["@nuxt/typescript-build"],
  pages: true,
  ssr: true,
  highcharts: {
    exporting: true,
  },
});

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  app: {
    head: {
      link: [{ rel: "icon", type: "image/png", href: "/favicon-32x32.png" }],
    },
  },
  css: [
    "~/assets/css/main.css",
    "@fortawesome/fontawesome-svg-core/styles.css",
  ],
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  modules: ["nuxt-highcharts", "@pinia/nuxt"],
  buildModules: ["@nuxt/typescript-build"],
  pages: true,
  ssr: true,
  highcharts: {
    exporting: true,
  },
});

GitHub

GitHub - richardeschloss/nuxt-highcharts: Highcharts for Nuxt

Highcharts for Nuxt. Contribute to richardeschloss/nuxt-highcharts development by creating an account on GitHub.

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Trouble using Highcharts' bubble charts