ICTatRTI / coconut-analytics

Browserified & backboned version of coconut-reports
Other
2 stars 3 forks source link

Graph legends not responsive #299

Open gmcressman opened 7 years ago

gmcressman commented 7 years ago

When display width is reduced, graph legends do not respond to reformat the legends in a more compact format. Consequently, legends are cut off.

image

scloo commented 7 years ago

This is handled by the dc.js library. And not sure if dc.js caters for responsiveness in this case. Will need to find out how to accomplish this in CSS I think.

scloo commented 7 years ago

Looks like it is going to take a lot of hacking to manipulate dc.js to act responsive on the legend part. A workaround would be to make each graph as a whole to be responsive. Meaning that when the screen reaches a specific size, instead of 2 graphs per line, it readjust to one graph per line.

gmcressman commented 7 years ago

I believe it does this already, but the legend doesn't wrap.

scloo commented 7 years ago

Have improved the display of graphs on the different devices screen. But the legend is still a problem. Looks like I still need to find a hack in javascript hack to fix that.

gmcressman commented 6 years ago

This is still a problem. Is there any update to that library that could resolve this?

screen shot 2018-01-31 at 9 35 44 am