相关疑难解决方法(0)

无法绑定到'data',因为它不是'canvas'的已知属性

我正在尝试使用ng2-charts并遇到一个错误,指出我使用的元素不正确.
我在这个网站上尝试了几个答案,但没有运气:

NG2-Charts无法绑定到'数据集',因为它不是'canvas'的已知属性

ng2-charts - 无法绑定到"数据集",因为它不是"基础图表"的已知属性

这是我的代码:

import { Component } from "@angular/core";

@Component({
    moduleId: module.id,
    templateUrl: "four-item-horse-shoe-graph.component.html",
    styleUrls: ["four-item-horse-shoe-graph.component.css"],
    selector: "four-item-horse-shoe"
})

export class FourItemHorseShoeGraphComponent {
    // Doughnut
    public doughnutChartLabels: string[] = ["Download Sales", "In-Store 
        Sales", "Mail-Order Sales"];
    public doughnutChartData: number[] = [350, 450, 100];
    public doughnutChartType: string = "doughnut";

    // events
    public chartClicked(e: any): void {
        console.log(e);
    }

    public chartHovered(e: any): void {
        console.log(e);
    }
}
Run Code Online (Sandbox Code Playgroud)

和HTML:

<div style="display: block">
<canvas baseChart
        [data]="doughnutChartData"
        [labels]="doughnutChartLabels"
        [chartType]="doughnutChartType"
        (chartHover)="chartHovered($event)"
        (chartClick)="chartClicked($event)">
</canvas> …
Run Code Online (Sandbox Code Playgroud)

chart.js angular

12
推荐指数
2
解决办法
1万
查看次数

ng2-charts \ng2-charts.js不会导出ChartsModule

我正在尝试使用NG2-Charts的基本示例(http://valor-software.com/ng2-charts/)

我复制粘贴HTML部分

<div style="display: block">
<canvas baseChart
        [datasets]="barChartData"
        [labels]="barChartLabels"
        [options]="barChartOptions"
        [legend]="barChartLegend"
        [chartType]="barChartType"
        (chartHover)="chartHovered($event)"
        (chartClick)="chartClicked($event)"></canvas>
Run Code Online (Sandbox Code Playgroud)

和TypeScript部分

public barChartOptions:any = {
scaleShowVerticalLines: false,
responsive: true
};
public barChartLabels:string[] = 
['2006', '2007', '2008', '2009', '2010','2011', '2012'];

public barChartType:string = 'bar';
public barChartLegend:boolean = true;

public barChartData:any[] = [
{data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'},
{data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'}
];

// events
public chartClicked(e:any):void {
console.log(e);
}

public chartHovered(e:any):void { …
Run Code Online (Sandbox Code Playgroud)

javascript chart.js ionic2 ng2-charts angular

5
推荐指数
1
解决办法
3084
查看次数

Ionic 2 Highcharts

我正在使用Ionic 2框架并希望实现highcharts.

我按照 mharington(离子团队)的步骤https://forum.ionicframework.com/t/ionic-2-and-highcharts-modules/59365/2来设置我的第一张高图.

我得到的错误是我无法导入它但我安装了节点模块

错误

在此输入图像描述

 angular2-highcharts include in my node_modules
Run Code Online (Sandbox Code Playgroud)

请帮忙

highcharts ionic-framework highcharts-ng ionic2 angular

4
推荐指数
1
解决办法
3019
查看次数