Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

highcharts-more - how to include?

See original GitHub issue

I’ve been looking for information on how to include highcharts-more.js. I’ve added the following but still get a highcharts error (#17) in the console.

import VueHighcharts from 'vue2-highcharts';
import loadHighchartsMore from 'highcharts/highcharts-more';
import Highcharts from 'highcharts'

loadHighchartsMore(Highcharts)

Vue.use(VueHighcharts, { Highcharts });

Any suggestions on how to resolve this?

Thanks

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

justmarkcommented, Mar 6, 2018

That did the trick! Thanks for your help.

1reaction

superman66commented, Mar 1, 2018

You can see this demo Highcharts-More Demo

Top Results From Across the Web

How to add and use highcharts-more in Highcharts Angular ...

Add highcharts -more like any other module. A short load and initialization example is below: import * as Highcharts from 'highcharts'; ...

How to import highcharts-more - angular - Stack Overflow

I would like to use the spiderweb chart from highcharts, which requires me to import highcharts-more, but I cannot figure out how to...

How to use the highcharts/highcharts-more function in ... - Snyk

import React from 'react'; import Highcharts from 'highcharts'; import HighchartsMore from 'highcharts/highcharts-more'; //necessary for 'arearange' series type ...

highcharts-more - npm

Start using highcharts-more in your project by running `npm i highcharts-more`. ... This package is generated for simplicity of use.

Highcharts requires a js file. How can I load it and make it ...

import * as Highcharts from 'highcharts'; import HighchartsMore from 'highcharts/highcharts-more';. and then use it as a funtion like so: