Use jQuery Flot plugin with ionic

Ionic Framework ionic-v3
1

I am trying to use flot charts for displaying charts in an ionic 3 app.

I have tried using ng2modules flot (https://www.npmjs.com/package/ng2modules-flot). It requires importing the jquery and flot js files as follows.

However, on serving the app, i get this error

Uncaught (in promise): ReferenceError: $ is not defined at FlotComponent.ngAfterViewInit

This seems to me as though a jquery based plugin (flot chart in this case) is loaded without jquery being loaded in the application.

I just cant seem to figure out a way load jquery globally in an ionic app so that the plugin can work.

Thanks.

2

If I were in the same situation, I would use ngx-charts, for example.

I can’t help you with jQuery’s import into ionic framework.

3

Thing is the data from the api I’m working with was designed with Flot chart in mind.

I was able to move forward by including the javascript from a cdn rather than from my file system. So i can keep doing what i need to until i figure out how to bundle the js files in the app rather than using the live cdn sources.

Thanks for the suggestion.