haha, yeah i know, thou it was mend from a technical perspective ā¦ it must have been some āupdateā here in ha, that caused it to fail ( or FF update, what do i know )
before editing any file, do a full history-clear ( browsing, download, cache )
if nothing change, then check whether you have only 1 place for the ājs-fileā , somehow in FF debugger, i had an āadditionalā outside /hacs-files , and that was /local/comā¦ ( Thou that was not what the āResources in Lovelaceā said ), there i only had /hacsfiles/ā¦
in that file i edited 2nd row, as it appeared that in my case, it only said āWEATHER-CHARTā so i change to WEATHER-CHART-CARD
well i actually combined it with a part of weather-chart-card, but i guess you could use another, then you just have to figure out how/where to hide the elements yo dont want ā¦ itās not an optimal āsolutionā, itās more like a dirty Trick N Cheat
EDIT: i changed the span:start and the offset: as well
type: custom:apexcharts-card
graph_span: 5d
span:
start: day
offset: +1d
header:
show: false
show_states: false
all_series_config:
stroke_width: 3
group_by:
func: last
duration: 1d
now:
show: true
apex_config:
plotOptions:
bar:
columnWidth: 30%
legend:
show: true
xaxis:
labels:
format: ddd
tooltip:
enabled: false
tooltip:
x:
format: ddd dd. MMM.
yaxis:
- id: temp
min: auto
max: auto
decimals: 0
series:
- entity: weather.forecast_home
name: min.
yaxis_id: temp
unit: Ā°C
type: line
color: green
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.templow];
});
show:
datalabels: false
- entity: weather.forecast_home
name: max.
yaxis_id: temp
unit: Ā°C
type: line
color: '#FFBF00'
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.temperature];
});
show:
datalabels: false
- entity: weather.forecast_home
name: Precip
yaxis_id: mm
unit: mm
type: column
color: '#6495ED'
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.precipitation];
});
show:
datalabels: true
Well the Credit should go to @PulsarFX above, as i first installed apex-charts after seeing his example above, so my ācontributionā comes down to just a little fiddling around, in settings. but it also have to be adapted to the other cards in ones view ( as it is now, with the weather-chart-card, in bottom )
The Hourly part is āstand alone apex-chartā ā¦ also based upon PulsarFX work
type: custom:apexcharts-card
graph_span: 24h
span:
start: hour
offset: '-1h'
hours_12: false
header:
show: false
show_states: false
all_series_config:
stroke_width: 3
group_by:
func: raw
duration: 30m
now:
show: true
apex_config:
plotOptions:
bar:
columnWidth: 30%
legend:
show: true
xaxis:
labels:
format: hhh
tooltip:
enabled: false
tooltip:
x:
format: ddd dd. hhh. mmm.
yaxis:
- id: temp
min: auto
max: auto
decimals: 0
series:
- entity: weather.forecast_home_hourly
name: Wind m/s
yaxis_id: wind_speed
unit: m/s
type: line
color: green
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.wind_speed];
});
show:
legend_value: false
datalabels: false
- entity: weather.forecast_home_hourly
name: Temp Ā°C
yaxis_id: temp
unit: Ā°C
type: line
color: '#FFBF00'
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.temperature];
});
show:
legend_value: false
datalabels: false
- entity: weather.forecast_home_hourly
name: Precip mm
yaxis_id: mm
unit: mm
type: column
color: '#6495ED'
data_generator: |
return entity.attributes.forecast.map((entry) =>
{
var date = new Date(entry.datetime);
return [date, entry.precipitation];
});
show:
legend_value: false
datalabels: false
ā¦ and i really donāt know how to make a ārepoā, i did āforkā some i was interested in/using ( also went through your weather-chart-fork )
Ah didnāt notice that this was apex-charts based. Thought it was still somehow based on the original card. Nice that we have some options as the original card is getting hard to maintain.
We have the Share your projects! Category for this. Donāt let it get buried in this abandoned topic please.
Do you also show the days in vertical columns like the former card did? Personally I always try to take out those horizontal grid lines but itās hard using apex in a clean way for me.
Maybe you canā¦
I just started with this apex-chart, thou i will look into it, im sure it should be easy to remove the horizontals lineā¦ im about to combine both, in a vertical-stack, and use ha-native met.no_ weather-home ( instead of weather-chart-card ) for the āconditionsā ā¦ i could post it in āShare your Projectā now that you mention it ā¦ currently still struggling with āurlā to external icons for the native " Met.no weather-home"
ā¦ it must have been some āupdateā here in ha, that caused it to fail ( or FF update, what do i know )
I donāt know enough about web browsers to say. If I did Iād fork it and fixit.
