Dashboards & Visualizations

How to change charting.fieldColors through JS

chanmi2
Path Finder

Hi all,

Setting "charting.fieldColors" in XML always works, but it failed when I try to change this value through js.
My code is like this:

var chartview = mvc.Components.get("chartid");
chartview.settings.set("charting.fieldColors",'{"sth":0x65a637}');
// tried call network.render(); already

Is there any way to change fieldColors through JS? Thanks.

0 Karma
1 Solution

kbarker302
Communicator

Using your example, this worked for me:

chartview.options["charting.fieldColors"]='{"sth":0x65a637}';

View solution in original post

kbarker302
Communicator

Using your example, this worked for me:

chartview.options["charting.fieldColors"]='{"sth":0x65a637}';

chanmi2
Path Finder

thanks @kbarker302! this is worked when the chartview.visualization is still null. Do you have any idea of applying this after visualization is built? (Again, adding network.render() does not work.)

Thanks a lot!

seva98
Path Finder

@chanmi2 it is been already 3 years but do you have any idea if you can share the solution to applying this after visualization is built?

0 Karma
Get Updates on the Splunk Community!

Data Management Digest – December 2025

Welcome to the December edition of Data Management Digest! As we continue our journey of data innovation, the ...

Index This | What is broken 80% of the time by February?

December 2025 Edition   Hayyy Splunk Education Enthusiasts and the Eternally Curious!    We’re back with this ...

Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...

Hello Splunk Community,   We're thrilled to share an exciting update that will help you manage your data more ...