2015-02-14 24 views
7

Có thể thêm đường ngang vào biểu đồ hiện tại trong Chart.js không?Đường ngang 'giới hạn' trong Chart.js

Ở đây ví dụ mã char:

// the canvas 
<canvas id="myChart" width="800" height="200"></canvas> 

// the js 
var ctx = document.getElementById("myChart").getContext("2d"); 
var myNewChart = new Chart(ctx).Bar(data); 

Tôi muốn thêm một dòng đánh dấu ngang (ví dụ tại y = 100 như trong fiddle này cho highcharts.)

Trả lời

1

Có bạn thực sự có thể làm điều đó. Bạn muốn dòng đánh dấu ngang, do đó bạn cần phải thêm mã này vào trục y

plotLines: [{ 
      color: '#FF0000', 
      width: 2, 
      value: .50 * 200 // The marker value will be 100 
          // Or you can just set its value to 100 
}] 
+0

Điều này có vẻ như Highchart.js, như trong câu trả lời này: http://stackoverflow.com/questions/25553051/chart- js-how-to-add-a-line-in-the-canvas-cho-bar-biểu đồ Cách này hoạt động như thế nào trong chart.js? – schlenger

+0

Xin lỗi về điều đó. Tôi đã không tìm thấy cách nào để làm điều này trong chart.js. Nếu không có gì hiển thị đúng. Sử dụng highcharts tốt hơn nếu bạn muốn đạt được giới hạn đó. – Nb12se

+0

Tôi không, đó là vấn đề tại sao tôi đã hỏi câu hỏi này;) Phải sử dụng chart.js trong trường hợp này. Nhưng cảm ơn sự giúp đỡ của bạn – schlenger

Các vấn đề liên quan