Comments (6)
Hi Udo
It's possible :
I have this code
Wind Angle not available Wind Speed not available Speed Over Water not available ...And 3 gauges in the following script
<script> function showGauge() { var awajauge = new Gauge({ ... }); awajauge.onready = function() { ... }; awajauge.draw(); And so on for the 2 next gauges in the same showGauge() function. All is working fine. Best regards Bernard.from canvas-gauges.
I don't understand why previous message is in HTML ???
from canvas-gauges.
True as i said "This all happens only when gauges are all first created with new and drawn afterwards." I have an array of gauges, first created, later shown, try to make
var awajauge1 = new Gauge
var awajauge2 = new Gauge
var awajauge3 = new Gauge
awajauge1.onready = function() {
awajauge1.draw();
}
awajauge2.onready = function() {
awajauge2.draw();
}
awajauge3.onready = function() {
awajauge3.draw();
}
and you will see what i am talking about. It´s a problem with the cache image, which does not appear in your case.
from canvas-gauges.
In my case of study the draw() function is outside and after the onready event.
I have tested draw() before the onready, it's not working
As a summary in the showGage() function I have
- config of the first gauge
- onready event for this first gauge
- draw this first gauge
- config of the second gauge
- onready event for this second gauge
- draw this second gauge
and so on
I have encountered your problem when in the showGauge function I put all gauge config first, after all the onready events and last all draw.
But I am not a pro developer, I am a end user, I work on interfacing web browser with navigational instruments connected on a CAN bus.
Best regards.
Bernard.
from canvas-gauges.
Thank you for reporting this bug. It now should be fixed, please update your source code from this repository. Fix done in commit 6234f38
from canvas-gauges.
@tux3132 Thx for trying to help :)
@Mikhus Thx for fixing, nice project :)
from canvas-gauges.
Related Issues (20)
- can't assign a deferent value to multiple gauges in one page
- canvas to SVG HOT 1
- Only Half of Linear Gauge appearing in Home Assistant HOT 1
- Horizontal rotating gauge
- No valuebox when using a horizontal linear gauge?
- radial gauge seems to be broken. HOT 2
- Upstream Dependency Conflicts
- Congratulations on your AWESOME script! HOT 1
- AnimationRule HOT 1
- Unable to change Highlight HOT 1
- Interactive Gauges
- Gauge title spanning two lines? HOT 2
- deviation mode for linear gauges HOT 1
- Canvas-Gauge HOT 1
- Draw problem after a few value updates HOT 4
- RadialGauge animationTarget = "plate" turning needle issue HOT 1
- compass gauge with int values HOT 1
- howto adjust LinearGauge to container without cutting scale
- CSS warnings "Expected color but found ‘null’
- is there a possibility to read logarithmic scales in stead of linear? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from canvas-gauges.