Question

我正在为包括Highcharts在内的仪表板进行动态主题设置。目标是根据为特定用户设置的主题更改图表颜色。

我已经为此提出了一个有效的解决方案，但这仅适用于localhost。如果CSS文件位于远程服务器上，则不起作用。

function getStyle(className) {
    var cssFileName = 'chart_theme_1.css';
    styleSheetsCount = document.styleSheets.length;
    for(j = 0; j < styleSheetsCount ; j++){
    var href = document.styleSheets[j].href;
    var a = href.split('/');
    if(a[a.length -1] == cssFileName){
        classes = document.styleSheets[j].rules || document.styleSheets[j].cssRules;
        break;
    }
    }

    for (var x = 0; x < classes.length; x++) {
        if (classes[x].selectorText == className) {
            return classes[x].style.color ; 
        }
    }
}

$(document).ready(function(){
    colors =  [];    
    for (var i = 1; i < 8; i++) {
    colors.push(getStyle('.highChartsColor'+i));
    }
    Highcharts.setOptions({
        colors: colors,
        style: {
            fontFamily: 'Arial'
        }
    });
});

Answer 1

请确保您提供了正确的.css文件路径。

可能是：/var/www/html/<.folder name＆gt; /＆lt; .css file＆gt;

请检查您的css文件路径。

使用CSS设置Highcharts颜色主题

1 个答案: