Unable to change Highlight

[cfbristow71]

I am trying to modify the highlights option when running my code. I am able to set this value at startup, but anything I do in jscript does not show up when the app is running, Below is code setting the value. Any idea why it is not working?

function animateGauges() {
$.get( "/get_gauge_data2/", function( data ) {
for (var key in data) {
if (data.hasOwnProperty(key)) {
var gauge = document.gauges.get(data[key].Name);
gauge.value = data[key].Value;
gauge.options.highlights = "[{ from: 0, to: 100, color: 'rgba(100,255,0,.75)' }]";
}
}
});
}
});

[TuShen121]

您的邮件我已收到，谢谢！

[ecerichter]

I've found a way that works for me: using a string, instead of the array.

// highlights is a array of objects {from: ..., to:..., color: ...}
gauge.setAttribute("data-highlights", JSON.stringify(highlights));

[TuShen121]

您的邮件我已收到，谢谢！