Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Gauge not appearing in firefox, Edge and Chrome 53.0.2785.89 m #244

Closed
swatisucharita opened this issue Sep 6, 2016 · 2 comments · Fixed by #245
Closed

Gauge not appearing in firefox, Edge and Chrome 53.0.2785.89 m #244

swatisucharita opened this issue Sep 6, 2016 · 2 comments · Fixed by #245

Comments

@swatisucharita
Copy link

The SVG path does not appear in firefox and Edge.
It appears in chrome 52 version, after upgrading to chrome 53, it does not appear

@bunjiboys
Copy link

I have the same problem and I tracked it down to being because of the <base href="/"> tag in my <head>. If I set the base href to an empty value or simply remove it entirely the graphs draw just fine, but if I set it to anything non-zero it the paths disappear.

This is obviously a problem since using AngularJS in HTML5 mode requires you to set base href to work properly.

Example HTML that breaks for me

<!DOCTYPE html>
<html lang="en">
<head>
    <title>GageTest</title>
    <base href="/">
</head>
<body>
<div id="gage"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
<script src="justgage-1.2.2.min.js"></script>
<script> $(function() { var gage = new JustGage({id: 'gage',value: 67,min: 0,max: 100,title: 'Visitor'}) }); </script>
</body>
</html>

@bunjiboys
Copy link

I just submitted a pull-request (see #245) that should fix this, fairly simple fix.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants