Responsive chart view on mobile

PHPMaker General Discussion (PHPMaker)
1

is it possible on the responsive mobile view chart? thanks

2

https://www.chartjs.org/docs/latest/general/responsive.html

3

on chart js.
css
.chart-container {
position: relative;
margin: auto;
height: 80vh;
width: 80vw;
}
where shoulid i put css code?
thanks

4

Put it in “User” tab under “HTML” → “Styles” tab.

5

what the resulting css chart is generated?
thanks

6

That code will be generated and appended in the latest content of “css/{project_name}.css” file.

7

ok im add code .
ew-chart-container{position:relative;margin:auto;height:80vh;width:80vw}.
not work…
how update js.
var options = {
maintainAspectRatio: false,…where should i replace it? thaks

8

You may put it in “Client Scripts” → “Global” → “Pages with header/footer” → “Client Script”, then re-generate at least “header.php” file, and try again.

9

is there an example script to add js by bringing the chart that we have set in php maker?
thx

10

Google is your friend. You should be able to implement it into your PHPMaker project.