HighCharts.js không hiển thị biểu đồ trong IE8

Question

Tôi đang sử dụng HighCharts cùng với Python để tạo biểu đồ động. Tất cả hoạt động tốt, tuy nhiên tôi nhận được cannot read property "0" of undefined ngoại lệ theo IE8. Unfortunetly khách hàng của tôi muốn nó làm việc theo IE8 là tốt. Vì vậy, heres mã của hàm chính:

function generateChart(series) { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'company_chart', 
     }, 
     xAxis: { 
      type: "datetime", 
     }, 
     yAxis: [{ 
      title: { 
       text: "T1", 
       }, 
      },{ 
      title: { 
       text: "T2", 
       }, 
      }, 
      opposite: true, 
     }], 
     plotOptions: { 
      series: { shadow: false }, 
      column: { shadow: false, }, 
     }, 
     series: series 
    }); 
); 

Bây giờ yêu cầu ajax của tôi trả về một số dữ liệu và tôi lưu trữ nó trong biến như thế này:

chart_data = [ 
    { 
     type: "spline", 
     color: '#ff0000', 
     yAxis: 0, 
     data: dataT1, 
    }, 
    { 
     type: "column", 
     color: '#0000ff', 
     yAxis: 1, 
     data: dataT2, 
    } 
]; 

Sau đó tôi gọi generateChart(chart_data);. Định dạng của các biến số dataT1 và dataT2 là tốt, vì nó hoạt động trong mọi trình duyệt khác. Ví dụ: dataT1 có thể trông giống như sau:

dataT1 = [ [1325721600000,1.64], 
      [1325635200000,1.64], 
      [1325548800000,1.7], 
      [1325462400000,1.7],]; 

Nhưng vẫn ngoại lệ được ném theo IE8. Bất kỳ ý tưởng làm thế nào để sửa lỗi này?

Answer 1

Các dấu phẩy lơ lửng đó gây ra lỗi trong Internet Explorer. Loại bỏ chúng.

Dưới đây là một ví dụ:

chart: { 
     renderTo: 'company_chart', // <--- get rid of that comma 
    }, 

Internet Explorer xem xét một dấu phẩy ở cuối của một đối tượng theo nghĩa đen như vậy là một lỗi. Bạn thực sự nên nhìn thấy cảnh báo "Lỗi trên trang", nhưng lỗi thường là thứ không thể hiện nguyên nhân gốc thực sự này.

chỉnh sửa — cũng rõ ràng IE8 không cầu kỳ về điều đó, mặc dù IE7 là.

chỉnh sửa lại — Tuy nhiên, IE8 giải thích rằng dấu phẩy lủng lẳng cuối cùng trong mảng dữ liệu của bạn như có nghĩa là cần phải có một yếu tố thêm! Nói cách khác:

[1, 2, 3,].length 

là 3 trong Firefox/Chrome/Safari nhưng nó trong Internet Explorer. Khi bạn cố truy cập phần tử đó, trình duyệt sẽ cung cấp cho bạn undefined.