Header not showing properly

Hello,
I'm developing an application which requires stock chart and ejs-stockchart component is just the thing I need. The only problem is that I can't figure out how to configure styles on header of the chart:

Is there any example (besides the demo - which seems quite complicated) on how to style those elements? I'm using Angular 9 and this is my implementation:
HTML:
Typescript (the rest of the file is just declarations - on the image is shown the only part where I'm actually configuring stockchart):

Soo the output is this:

The header is obviously not showing properly, so I would like to know how to configure those elements? Is there any way to hide  the whole header?

Thanks for your answers!! I really appreciate it!


3 Replies

DG Durga Gopalakrishnan Syncfusion Team May 26, 2020 02:20 PM UTC

Hi Luka, 

Greetings from Syncfusion. 

We have analysed your query. We suggest you to refer the required stylesheet. We have prepared sample for your reference. Please check with below snippet and sample. 

<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet" /> 

 
 
 

If you are still facing an issue, please revert us, with issue reproduced sample to proceed further. 

Regards, 
Durga G 



LZ Luka Zontar May 26, 2020 03:31 PM UTC

Dear Durga,

Thank you so much for your help. It works brilliantly!

Kind regards,
Luka Žontar


DG Durga Gopalakrishnan Syncfusion Team May 27, 2020 02:40 PM UTC

Hi Luka, 

Most welcome. Kindly get in touch with us, if you need any further assistance. We are always happy in assisting you.  

Regards, 
Durga G 


Loader.
Up arrow icon