Highcharts.js - 같은 페이지에 여러 테마가 있습니까?

Question

한 페이지에 약 6 개의 차트가 있으며 그 중 하나는 다른 5 개의 테마와 다른 테마가 있어야합니다. 개별적으로 작업하는 테마가 있지만 초기화 된 두 번째 테마는 모든 차트에 적용됩니다.

차트에서 사용할 테마를 지정하는 방법이 있습니까?

Answer 1

Ricardo의 의견을 읽은 후 $ (document) .ready 호출 내에서 setOptions() 호출을 이동해야한다는 것을 깨달았습니다. 내 코드의

훨씬 단순화 된 버전 :

이

Highcharts.theme1 = { 
    chart: { 
     borderWidth: 0, 
    }, 
}; 

var chart; 
$(document).ready(function() { 

    // Apply the theme 
    var highchartsOptions = Highcharts.setOptions(Highcharts.theme1); 

    // Build the chart 
    chart = new Highcharts.Chart({}); 

}); 

Highcharts.theme2 = { 
    chart: { 
     borderWidth: 5, 
    }, 
}; 

var chart2; 
$(document).ready(function() { 

    // Apply the theme 
    var highchartsOptions = Highcharts.setOptions(Highcharts.theme2); 

    // Build the chart 
    chart = new Highcharts.Chart({}); 

}); 

Answer 2

모범 사례가 현재 chart options와 주제에 병합하는 것 :

chart1 = new Highcharts.Chart(Highcharts.merge(options1, theme1));

var options1 = { 
    // options goes here 
     chart: { 
      renderTo: 'chart1', 
      type: 'bar', 
     }, 
     title: { 
      text: 'Conversions' 
     }, 
}; 

var theme1 = { 
    // themes goes here 
}; 

var chart1 = new Highcharts.Chart(Highcharts.merge(options1, theme1)); 

설정할 수있는이 방법 필요한 경우 각 차트의 개별 테마