I get the window size and like for "window resize" i divide it by a ratio and i assign it to "view". To change the chart's size on different device I have to define the size of the chart into the constructor. This.view = Ģ) To change the chart size on different device: OnResize(event) method: // view is the variable used to change the chart size (Ex: view = ) In this method I simply get the width of the window, I divide it by a ratio (in my case it's 1.35) and I assign it to the width of my chart. This method take in parameter the window resize event.
To change the chart's size I used a "onResize(event)" method. I read in the ngx-line-chart documentation that if no size is defined the chart fit to his container, but in my case it doesn't work.Īfter some research I found the solution to my problem.ġ) To change the chart size when the window is resized: Open the workunit, then select the Resources tab. You can set properties in your ECL code or afterwards in ECL Watch: 1.
The same properties can also be specified in the ECL when creating the visualization. To change the size of the chart I can use a variable view=. The Dermatology Editor lets you alter the appearance of the visualization after it has been executed. I already try to get the screen size to change my chart size with the screen size but it wasn't perfectly responsive. My component: import from 'ngx-line-chart', So I want my chart to be resized to fit inside the nb-card. My chart is in a nb-card, and when I resize the window the nb-card is totaly responsive.
I'm using ngx-admin and I'm trying to make my ngx-line-chart responsive.
0 kommentar(er)
