Error while installing Plotly js with angular 12

Question

I am trying to install plotly js in angular 12 app by following this article. But I'm getting compilations error in typescript,

Please help me to solve this error.

AppMoudle.ts

After clearing the above compilation issue by following this article, I'm getting below build error

Build error

Did you install both, angular-plotly.js and plotly.js? The command says npm install angular-plotly.js plotly.js. — Felix Lemke
– Felix Lemke, Commented Aug 5, 2021 at 12:26
@FelixLemke Yes, "angular-plotly.js": "^4.0.0", "plotly.js": "^2.3.1", — Murugan Shankar
– Murugan Shankar, Commented Aug 5, 2021 at 12:39

Cristopher Coronado · Accepted Answer · 2021-08-29 02:20:46Z

1

Try this:

npm install angular-plotly.js plotly.js-dist-min --save
npm install @types/plotly.js-dist-min --save-dev

In the AppModule, do the follow:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
    
import { PlotlyViaCDNModule } from 'angular-plotly.js';
    
PlotlyViaCDNModule.setPlotlyVersion('latest');
    
@NgModule({
    imports: [
        CommonModule,
        PlotlyViaCDNModule,
    ],
    ...
})
export class AppModule { }

Use the latest version of Plotly.js, but you can use a minor version as well.

You can take a look my project in Angular 12 with Plotly:

https://github.com/cristofima/AngularPlotly

edited Aug 29, 2021 at 2:20

answered Aug 27, 2021 at 0:35

Cristopher Coronado

512 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error while installing Plotly js with angular 12

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest