Comments (11)
If you want to change the thickness of the dots, find the big block that begins with var optionsWind= {
, then inside that block you'll see plotOptions
.... replace that whole thing with this:
plotOptions: {
line: {
lineWidth: 2,
marker: {
enabled: false
}
},
series: {
marker: { radius: 2 },
}
},
Then update the radius
to something you'd like. The radius of 2 matches the wind direction plot.
All of this would have to be in a weewx options format for public consumption but if you wanted to tinker on it now, give it a try.
Still unsure how to change the hover text with a shared plot. Initial tests didn't work.
from weewx-belchertown.
Yep, still planning on working on it. I've had a few changes lately which caused me to take a step back from my hobbies. Hoping to get back on it soon and will take a look at this!
from weewx-belchertown.
I took a 5 minute stab at this.... If this is what you're looking for, it's an easy manual change - but notice the hover text shows a grid coordinate and not the speed. Might take more time to figure out how to override that text. 🤔
To play around with it, in user/skins/belchertown/js
edit the highcharts-dayplots.js.tmpl
and the week
, month
, year
files too. At the bottom you'll see:
optionsWind.series[1] = seriesData[0].windplot.series.windGust;
Right below that line add:
optionsWind.series[1].type = 'scatter';
Then restart weewx and you should get dots on the next archive interval.
from weewx-belchertown.
Great news on both fronts - thanks Pat 👍
I'll have a play and see how it looks.
from weewx-belchertown.
Nice, thanks again for the help.
from weewx-belchertown.
This works great, I think it cleans up the graph a lot. As you say just the hover txt to sort.
from weewx-belchertown.
Happy to close this, no longer required on my part 👍 The clutter I had was actually caused by the data - which is now sorted
from weewx-belchertown.
Just an update that in skin 1.0 I've re-written the entire charting system, and today I was able to get the 2 observations types to co-exist on a chart.
The popup information "tooltip" doesn't show the wind direction until you explicitly hover over it, but I think it looks great! There's even 2 yAxis for the different observation units.
from weewx-belchertown.
from weewx-belchertown.
I think I mixed your request with another one. The screenshot above shows wind speed and wind gust as line charts and the dots show wind direction. So 3 observations one 1 chart.
Your specific request - as I understand it - is to have wind speed as line, and wind gust as dots. You can achieve that as well with the below config when skin version 1.0 is released.
[[[windchart]]]
title = Wind Speed / Gust
[[[[windGust]]]]
type = scatter
[[[[windSpeed]]]]
zIndex = 1
from weewx-belchertown.
And here's what it would look like if you chose "area" as the type of chart for windSpeed.
[[[windchart]]]
title = Wind Speed / Gust
[[[[windGust]]]]
type = scatter
[[[[windSpeed]]]]
type = area
zIndex = 1
from weewx-belchertown.
Related Issues (20)
- errors after upgrading from 1.3beta1 to 1.3 final HOT 10
- Skin broken after Highcharts update HOT 42
- Missing Charts HOT 11
- Upgrading to 1.3 from 1.2 HOT 2
- "drizzle" icon is missing during install and will show as broken in forecasts HOT 2
- Can't find locale HOT 1
- If Aeris throws an exception Belchertown doesn't update HOT 7
- Forecast finds the database locked, exception issue HOT 1
- Change in default charts on home page HOT 2
- Wind Rose does not seem accurate on the longer time lines HOT 1
- Kiosk.html not updating HOT 12
- Pi page showing "undefined" and unformatted values after access/refresh HOT 2
- Belchertown taking forever on some weewx v5 systems HOT 22
- 29th February HOT 1
- Graphs appear with delay on refresh
- In js/belchertown.js.tmpl function get_outTemp_color returns incorrect color when outTemp <= 0 and unit is "degree_C"
- Data is being rounded to 0
- View from Reports / NOAA
- display miles instead of kilometer HOT 2
- I am getting errors after upgrading to weewx v5.0.1 and belchertown 1.3.1 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 weewx-belchertown.