how to import chartModule?

[alexkorParticipant]

i try to use the chartModule from this
https://www.jqwidgets.com/angular/angular-chart/#https://www.jqwidgets.com/angular/angular-chart/angular-chart-pieseries.htm
but from where i need to import the module?

[MartinParticipant]

Hello alexkor,

You need to import jqxChartModule in app.module.ts file and put it inside the imports array.
You also need to add the "node_modules/jqwidgets-scripts/jqwidgets/styles/jqx.base.css" inside the styles array in angular.json.
You can check our Documentation page about Angular CLI & jqwidgets-ng.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[alexkorParticipant]

i did it and im getting this error
ERROR in node_modules/jqwidgets-scripts/jqwidgets-ng/jqwidgets.d.ts(18,18): error TS2300: Duplicate identifier ‘widget’.
node_modules/jqwidgets-scripts/jqwidgets-ng/jqwidgets.d.ts(3181,18): error TS2300: Duplicate identifier ‘PivotGridDesigner’.
node_modules/jqwidgets-scripts/jqwidgets-ts/jqwidgets.d.ts(18,18): error TS2300: Duplicate identifier ‘widget’.
node_modules/jqwidgets-scripts/jqwidgets-ts/jqwidgets.d.ts(3181,18): error TS2300: Duplicate identifier ‘PivotGridDesigner’.

[alexkorParticipant]

im confused with the docs.
i need the pieChart that is in this docs
https://www.jqwidgets.com/angular/angular-chart/#https://www.jqwidgets.com/angular/angular-chart/angular-chart-pieseries.htm

but this docs not have the piechart
https://www.jqwidgets.com/angular-components-documentation/documentation/angular-cli-with-jqwidgets-ng/index.htm?search=

witch of the docs i need to use?

[MartinParticipant]

Hello alexkor,

I would suggest you to reinstall jqwidgets-scripts package.
I have tested the Angular CLI & jqwidgets-ng tutorial and it is working fine.
Use this docs: https://www.jqwidgets.com/angular-components-documentation/documentation/angular-cli-with-jqwidgets-ng/index.htm?search=
and than for the pri chart replace the content of app.component.ts and app.component.html with this from the Pie Series demo.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[alexkorParticipant]

ok thanks
one more qustion
do you have a component with rounded progress bar?
something similar to this
https://stackoverflow.com/questions/36639660/android-circular-progress-bar-with-rounded-corners

i didn’t found in the docs maybe i missed it

[MartinParticipant]

Hello alexkor,

Yes, we do. You can check the jqxBarGauge and jqxKnob components.
Here are two examples:
jqxBarGauge
jqxKnob

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[EPParticipant]

@martin

I would suggest you to reinstall jqwidgets-scripts package.
I have tested the Angular CLI & jqwidgets-ng tutorial and it is working fine.

but Angular CLI & jqwidgets-ng does not state to install jqwidgets-scripts.
Both tutorals Angular CLI with jQWidgets and `Angular CLI & jqwidgets-ng’ starts from scratch.

And if you Download the framework tere is no jqwidgets-scripts

Maybe many beginners (as I) do not understand if Angular CLI with jQWidgets and `Angular CLI & jqwidgets-ng’ are contrary or complementary aproaches (either or / as well as)

PS: the Duplicate identifier I think error may happen if you import from jqwidgets-ng and also from jqwidgets-ts

So what jqwidgets-ts is for? (Typescript without Angular, I think)

Regards
Edgar

[Ivo ZhulevParticipant]

Hi EP,

Thanks for the feedback. The jqwidgets-ng is the new and better way to use our components. We will update the documentation to avoid such confusion.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts