@MisterT said in MMM-Strava:
the radial gaphic it’s just a little too big and the graphic overlaps the other module.
I’m working on making the chart size customisable - watch out for further updates
I think we need informations about custom css in order to display colors about kilometers like for exemple:
less 10 km for running in a month : red color
from 10 to 30 km for running in a month: orange color
over 30 km for running in a month : green color
I like the idea of colouring the bars based on a target. Will think about this one.
In the meantime, to customise the colours of each bar in the radial chart, add the following to the custom.css
file in ~/MagicMirror/css
.
.MMM-Strava svg path.bar.interval-1 {
fill: #67b7dc;
}
.MMM-Strava svg path.bar.interval-2 {
fill: #6794dc;
}
.MMM-Strava svg path.bar.interval-3 {
fill: #6771dc;
}
.MMM-Strava svg path.bar.interval-4 {
fill: #8067dc;
}
.MMM-Strava svg path.bar.interval-5 {
fill: #a367dc;
}
.MMM-Strava svg path.bar.interval-6 {
fill: #c767dc;
}
.MMM-Strava svg path.bar.interval-7 {
fill: #dc67ce;
}
.MMM-Strava svg path.bar.interval-8 {
fill: #dc67ab;
}
.MMM-Strava svg path.bar.interval-9 {
fill: #dc6788;
}
.MMM-Strava svg path.bar.interval-10 {
fill: #dc6967;
}
.MMM-Strava svg path.bar.interval-11 {
fill: #dc8c67;
}
.MMM-Strava svg path.bar.interval-12 {
fill: #dcaf67;
}
Note: As the radial chart is in beta, the css classes may be subject to change.