Changing graph colors with Javascript/CSS

Hi all,

I'm struggling with the customisation of graph colours etc through Javascript & CSS. I'm inexperienced at both.

I have the following in the javascript code section

Highcharts.setOptions({colors: ['#003d79', '#20558A', '#406E9B', '#6086AB', '#809EBC','#9FB6CD','#BFCFDD','#DFE7EE']});


$(document).on('knack-view-render.view_23', function(event, view, data) {

$("#kn-report-view_23-4 > div > #highcharts-6 > svg > g > g > path:nth-child(1)").css("fill", "green");
$("#kn-report-view_23-4 > div > #highcharts-6 > svg > g > g > g > g:nth-child(1) > rect").css("fill", "green");
$("#kn-report-view_23-4 > div > #highcharts-6 > svg > g > g > path:nth-child(2)").css("fill", "red");
$("#kn-report-view_23-4 > div > #highcharts-6 > svg > g > g > g > g:nth-child(2) > rect").css("fill", "red");

});

which give me the customisation I need, but the #kn-report-view_23-4 > div > #highcharts-6 only displays with the correct colours, after the page (scene) is reloaded?

any help appreciated

regards

Steve