06-01-2018 07:53
06-01-2018 07:53
How to change "stroke-width" property of line via javascript?
I tried
let items = document.getElementsByClassName("dial");
items.forEach(function(item) {
item.style['stroke-width'] = 3;
item.style.strokeWidth = 3;
});
but it did not work. Any pointers?
06-30-2018 23:16
Gold Fitbit Product Experts share support knowledge on the forums and advocate for the betterment of Fitbit products and services. Learn more
06-30-2018 23:16
I can't crack it, either. Seems like a bug.
Best Answer07-01-2018 04:59
07-01-2018 04:59
I think the stroke and fill properties are not changeable via JS.
Best Answer07-12-2018 14:13
07-12-2018 14:13
As per the documentation:
The Fitbit rendering engine does not support the CSS stroke or border properties. To achieve a similar effect you need to draw two overlapping shapes.
The larger background shape should be filled with the desired border color, and the smaller foreground shape should be filled with the desired foreground color.
Best Answer10-21-2022 15:10
10-21-2022 15:10
It appears this does work now, not sure what SDK version this was fixed but as of SDK 6.1 the stroke width can be changed via .style.strokeWidth in js
let myLine = document.getElementById("my-line");
myLine.style.strokeWidth = 10;
Best Answer