如何在Angular 2中使用JQPlot

时间:2016-11-24 16:00:37

标签: javascript jquery angular

我想使用角度为2的jqplot。我在Component中做了以下事情。

import {Component, ElementRef, OnInit} from "@angular/core";
declare var jQuery: any;
declare var jqplot: any;
@Component({
  selector: 'app-home',
  templateUrl: './app/home/home.component.html'

 })

export class HomeComponent {


 constructor(public ele: ElementRef) {}

   ngAfterViewInit() {

    console.log(this.ele.nativeElement.children[0]);
    var arr = [[11, 123, 1236, "Acura"], [45, 92, 1067, "Alfa Romeo"],
        [24, 104, 1176, "AM General"], [50, 23, 610, "Aston Martin Lagonda"],
        [18, 17, 539, "Audi"], [7, 89, 864, "BMW"], [2, 13, 1026, "Bugatti"]];


    console.log(jqplot)
    // jQuery.jqplot(this.ele.nativeElement.children[0], [arr], {
    //     title: 'Transparent Bubbles',
    //     seriesDefaults: {
    //         renderer: jQuery.jqplot.BubbleRenderer,
    //         rendererOptions: {
    //             bubbleAlpha: 0.6,
    //             highlightAlpha: 0.8
    //         },
    //         shadow: true,
    //         shadowAlpha: 0.05
    //     }
    // });
  }
}

在console' jQuery.jqplot'一片空白。这是观点

   <div id ="mychart" #ch></div>

当我运行应用程序时,此错误会出现在控制台中。

  Error: Permission denied to access property "rejection"

这是什么错误。指导我如何在角度2中使用jqPlot。我在index.html中包含了jquery和jqplot文件

0 个答案:

没有答案