Question

<div id="canvasjsContainer" style="height: 400px; width: 80%; margin: 10%;"></div>

 { path: '', component: HomeComponent, pathMatch: 'full' },
 {
    path: 'search-result',
    pathMatch: 'full',
    component: SearchResultComponent
  },
  {
    path: 'search-result/:searchText',
    pathMatch: 'full',
    component: SearchResultComponent
  }

我尝试使用Angular5在Canvas JS官方网站上给出的示例。尝试使用npm install。但是在构建角度应用程序时，给出如下构建错误： |从'../charts/column'导出ColumnChart; |从'../charts/stacked_column'导出StackedColumnChart;

不知道如何解决此问题。使用Canvas JS v1.8.0。

Answer 1

CanvasJS尚未发布正式的npm软件包。通过npm使用的软件包不是官方软件包，而是第三方软件包。

您可以将CanvasJS库（canvasjs.min.js）保存在项目的源文件夹（“ src / app”或“ src / app / assets / js”或“ src / app / lib”）中，并将其导入到您的应用程序使用来自'./canvasjs.min'的Import *作为CanvasJS（路径可能会根据文件位置而有所不同，例如'./assets/js/canvasjs.min'或'./lib/canvasjs.min'）。

这是sample project，显示了如何在Angular 5应用程序中导入CanvasJS图表。

Angular5的Canvas JS问题

1 个答案: