How to change a theme property - vizuly.io

← Back to discussions

In Progress

Posted in: Product Support
jmzvki

January 15, 2017 at 8:52 pm #7198

Hey everyone!

I went through http://vizuly.io/docs-themes-and-skins/ and that doc is great – but I can’t seem to figure out how to change a property (eg “track_fill”)

I was looking for a setter > but I can’t see where to find one. I would think if I set a skin, then I should just be able to access and update those properties:
```
  var theme = vizuly.theme.radial_progress(vis_radial);
          theme.skin(vizuly.skin.RADIAL_PROGRESS_BUSINESS);
          // theme.skin.setProp("track_fill", "#F3F3F3"); 
          // or directly
          theme.skin.track_fill   = "#F3F3F3";
```
But this throws a hissy fit.

Did I miss a doc somewhere?

Thanks!
johnvsc
vizuly

January 16, 2017 at 10:47 am #7203

Hi Johnvsc,

You are exactly right in your assumption. You are just missing one tiny thing. Just like D3, when you call a function chained property it is actually a function that returns an object when you don’t pass a parameter in.

So the syntax would be:

theme.skin().track_fill = "#F3F3F3";

You just needed to add the ().

Let me know if that works.

– Tom
|

Viewing 1 reply thread

You must be logged in to reply to this topic.

© 2025 — vizuly.io