ChartsCSS.org icon indicating copy to clipboard operation
ChartsCSS.org copied to clipboard

The mixed charts example without JavaScript shows up as three separate charts

Open bkil opened this issue 4 years ago • 8 comments

  • https://chartscss.org/charts/mixed/#stock-chart

bkil avatar Mar 20 '21 18:03 bkil

@bkil What is the problem with that? You can use three separate css charts to displayed as a single "Stock Chart"

ramiy avatar Mar 24 '21 10:03 ramiy

I would expect these three charts to overlay, but with NoScript, they are displays one below the other. This would be a huge selling point for a NoScript/CSS-only library and should work, but I think some of the dynamic styles on the demo page interfere with these divs. I didn't debug what causes it, though.

bkil avatar Mar 24 '21 12:03 bkil

The example displays 3 charts atop one another using CSS (No JS). The demo has no dynamic styles.

Mixed-Charts-css

Same result on Chrome, Firefox and Edge. Do you see something different?

ramiy avatar Mar 24 '21 13:03 ramiy

What extension did you use to disable JavaScript in your browser? This is how it looks like with ScriptSafe or uMatrix: chartcss

bkil avatar Mar 24 '21 13:03 bkil

I don't use browser extensions. Just open the page in Incognito or disable your browser extensions.

ramiy avatar Mar 24 '21 14:03 ramiy

Again, this issue is about the example not showing with JavaScript disabled.

I always test CSS-only frameworks without JavaScript and if a demo does not look right without JavaScript, it is not convincing.

bkil avatar Mar 24 '21 15:03 bkil

Again, this issue is about the example not showing with JavaScript disabled.

Ok, now I understand. Thank you for your patient clarifying the issue.

I did not tested with JavaScript disabled but I should note that the framework doesn't load any JS files, only CSS files.

I'll disable JS and share the conclusions here.

ramiy avatar Mar 24 '21 16:03 ramiy

@bkil tested...

I disabled JS on chrome and mixed charts stopped working. Very interesting result. CSS is not working as expected when JS is disabled.

ramiy avatar Mar 25 '21 12:03 ramiy