How to import flot charts into ionic 2?


#1

Hi:

I need to import Flot Charts to a brand new ionic 2 project.

It relies on jquery and it has to be imported to the project and not included as script tag like the examples on the web. (I tried the tutorial of the third party libraries in the ionic offcial website with @type/jquery & @type/flot and it did not work).

Something like this:

import { Component } from ‘@angular/core’;
import { NavController } from ‘ionic-angular’;
import “jquery”;
import “Flot”;

It could be used as a tag in the template or it could apply it from code:

<flot [options]=“options” [dataset]=“dataset” height=“550px” width=“100%”></flot>
OR
$.plot( plotArea, this.dataset, this.options);

Please provide a step by step tutorial to implement. I think all will benefit from it.

P.S:
It will be great if the jquery.flot.resize.js plugin file will be included as well in the tutorial.