Highcharts.js - nhiều chủ đề trên cùng một trang?

Question

Tôi có khoảng 6 biểu đồ trên một trang, một trong số chúng cần có chủ đề khác với năm trang còn lại. Tôi có các chủ đề làm việc riêng lẻ nhưng chủ đề thứ hai được khởi tạo được áp dụng cho tất cả các biểu đồ.

Có cách nào để chỉ định biểu đồ chủ đề nào sử dụng không?

Answer 1

Sau khi đọc nhận xét của Ricardo, tôi nhận ra rằng tôi chỉ cần di chuyển cuộc gọi setOptions() bên trong cuộc gọi $ (tài liệu) .ready.

Một phiên bản nhiều đơn giản của mã của tôi:

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

Thực hành tốt nhất hiện nay sẽ được hợp nhất trong chủ đề với chart options của bạn:

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)); 

cách này bạn có thể thiết lập các chủ đề riêng lẻ cho mỗi biểu đồ nếu bạn cần quá