HighCharts Integration

1

Support Specialists -

Can HighCharts - a JavaScript library - be easily integrated into a Radzen application?

Thankyou.

  • Kevin
2

Hi Kevin,

Although we haven’t tested with HighCharts it is possible to integrate a third party JS library with Radzen by creating a custom component.

I will try to prepare a sample HighCharts integration demo and report my findings.

Best,
Atanas,
the Radzen team

3

Hi Korchev -

Thankyou for your response, and looking forward to your findings.

  • Kevin
4

This post has been updated to link to our blog post which contains the latest instructions.

5

Hi Korchev -

Beautiful work! :slight_smile:

This is an excellent example of the flexibility RadZen can offer for custom development.

Thankyou so much!

  • Kevin
6

Hi Korchev -

Will the Radzen IDE also work well with React/Redux assets when deploying to Azure of IIS?

Thankyou.

-Kevin

7

Hi Kevin,

What does working with React/Redux mean in this context? At the moment the Radzen applications use the Angular 5 framework and do not utilize React and Redux. Could you elaborate?

8

Hi, I'm trying to follow the sample and I received this error:

radzen: Generating code ...
radzen: Code generation done in 73ms.
ng-cli: You seem to not be depending on "@angular/core". This is an error.

ng-cli: Exited with code: 2
radzen: undefined

Something has changed?

Thanks.

9

Same error, please help.

10

Hi @Carlos_Carminati,

Do you have client/node_modules folder?

11

Yes, the folder is present.

12

Maybe Angular is missing in this case. You can try to delete it and execute npm install.

13

I installed angular5 globally in a fresh machine (mac) and in this machine when try to run the sample IDE crash:

image
image.png1153×767 93.6 KB

14

Not sure what this error means, my suggestion was to delete node_modules and execute npm install for this app.

15

Done, but...

image
image.png924×206 22 KB

16

Sorry about insist in this topic but I have need to implement a sankey chart and highcharts has an eficient way to do it.
Could you develop a working Sample?

Thanks in advance.

17

Hi @Carlos_Carminati,

We have outlined the steps in a blog post. You don't need to install Angular globally as it may interfere with Radzen's local installation. The other error that you see is also covered there:

macOS users with newer versions of NodeJS make experiece a symbol not found error. Run rm -rf node_modules/fsevents just in case.

The blog post includes a sample project too.