Làm cách nào để thêm dữ liệu vào biểu đồ js từ chính mảng javascript?

Question

Tôi muốn sử dụng chart js trong đó tại dữ liệu cấu trúc dữ liệu, nếu tôi cung cấp số như

data : [40,80,5,190,56,55,40] hoạt động tốt. Nếu tôi đưa ra biến số hoặc biến chuỗi giữ số đó như

var myvalues = my_array.toString(); 
    alert(myvalues); 

am nhận 5,10,14,18 cho biến cũng như cho mảng. Bây giờ khi tôi sử dụng các mảng hoặc chuỗi với dữ liệu biểu đồ tôi có thể không có khả năng để có được bảng xếp hạng nếu tôi cố gắng như dưới đây

data : [myvalues] 

với mã đầy đủ cho barChartData

var barChartData = { 
      labels: [description], 
      datasets: [ 
       { 
        fillColor: "rgba(220,220,220,0.5)", 
        strokeColor: "rgba(220,220,220,1)", 
        scaleOverride: true, 
        scaleSteps: 100, 
        stepValue: 1, 
        barShowStroke: false, 
        data: [myvalues] 
       }, 
       { 
        fillColor: "rgba(151,187,205,0.5)", 
        strokeColor: "rgba(151,187,205,1)", 
        scaleOverride: true, 
        scaleSteps: 100, 
        barShowStroke: false, 
        stepValue: 1, 
        data: [myvalues] 
       } 
      ] 

     } 

Dưới đây là description một biến khác chứa thông tin về nhãn này cũng không hoạt động.

Cách gán dữ liệu và nhãn từ mảng hoặc chuỗi javascript vào biểu đồ js?

Answer 1

Bạn cần phải tạo ra các Array 's, cư họ, và chỉ gõ tên mảng bên trong đối tượng mà không cần phải bao quanh nó với [ và ]

Ví dụ:

var description = new Array(); 
description.push('a'); 
description.push('b'); 
var myvalues = new Array(); 
myvalues.push('c'); 
myvalues.push('d'); 
var barChartData = { 
      labels: description, 
      datasets: [ 
       { 
        fillColor: "rgba(220,220,220,0.5)", 
        strokeColor: "rgba(220,220,220,1)", 
        scaleOverride: true, 
        scaleSteps: 100, 
        stepValue: 1, 
        barShowStroke: false, 
        data: myvalues 
       }, 
       { 
        fillColor: "rgba(151,187,205,0.5)", 
        strokeColor: "rgba(151,187,205,1)", 
        scaleOverride: true, 
        scaleSteps: 100, 
        barShowStroke: false, 
        stepValue: 1, 
        data: myvalues 
       } 
      ] 

     }