Cách hiển thị chú giải công cụ trong Chart.js?

Question

Làm theo hướng dẫn, mã này vẽ biểu đồ dạng đường, nhưng không có chú giải công cụ. Tôi có thiếu một số tùy chọn cấu hình ở đây không? Trong hướng dẫn có các chú giải công cụ hiển thị.

var chartData = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My Second dataset", 
      fillColor: "rgba(151,187,205,0.2)", 
      strokeColor: "rgba(151,187,205,1)", 
      pointColor: "rgba(151,187,205,1)", 
      pointStrokeColor: "#fff", 
      pointHighlightFill: "#fff", 
      pointHighlightStroke: "rgba(151,187,205,1)", 
      data: [28, 48, 40, 19, 86, 27, 90] 
     } 
    ] 
}; 

var ctx = document.getElementById("chart").getContext("2d"); 
var myNewChart = new Chart(ctx).Line(chartData, { 
    showTooltip: true, 
    tooltipTemplate: "<%= value %>" 
}); 

Answer 1

Phiên bản nào của chart.js bạn đang sử dụng?

tôi có thể xác nhận rằng tooltips work using v1.0.1-beta2

<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js"></script> 

nhưng không có tác dụng using v0.2.0.

Phiên bản 1.0.1-beta2 có sẵn từ cdnjs.

Answer 2

Nó hoạt động và cho thấy tooltips đúng .. Bạn có nhận được bất kỳ lỗi trong giao diện điều khiển?

Đây là cách tôi sử dụng mã của bạn:

var chartData = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My Second dataset", 
      fillColor: "rgba(151,187,205,0.2)", 
      strokeColor: "rgba(151,187,205,1)", 
      pointColor: "rgba(151,187,205,1)", 
      pointStrokeColor: "#fff", 
      pointHighlightFill: "#fff", 
      pointHighlightStroke: "rgba(151,187,205,1)", 
      data: [28, 48, 40, 19, 86, 27, 90] 
     } 
    ] 
}; 

window.onload = function(){ 
    var ctx = document.getElementById("chart").getContext("2d"); 
    window.myNewChart = new Chart(ctx).Line(chartData, { 
     showTooltip: true, 
     tooltipTemplate: "<%= value %>" 
    }); 
}; 

Answer 3

Bạn chỉ cần đặt backgroundColor với một giá trị duy nhất thay vì một mảng:

datasets: [{ 
    label: "# of beauty womens", 
    data: [12, 5, 3], 
    backgroundColor: "#FC940B", 
    fill: false, 
    borderColor: "#FC940B" 
}] 

Hugs ...