2015-02-14 15 views
7

Ist es möglich, eine horizontale Linie zu einem bestehenden Diagramm in Chart.js hinzuzufügen?Horizontale 'Limit'-Linie in Chart.js

Hier am Beispiel char Code:

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

Ich möchte eine horizontale Markierungslinie hinzuzufügen (zB bei y = 100, wie in diesem fiddle für highcharts.)

Antwort

1

Ja, Sie können das tatsächlich tun. Sie mögen die horizontale Markierungslinie, so dass Sie diesen Code in Ihrer y-Achse

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

Das sieht aus wie Highchart.js, wie in dieser Antwort hinzufügen müssen: http://stackoverflow.com/questions/25553051/chart- js-how-to-a-line-in-der-Leinwand-für-Balkendiagramm hinzufügen Wie funktioniert das in chart.js? – schlenger

+0

Sorry bout das. Ich habe keine Möglichkeit gefunden, dies in chart.js zu tun. Wenn nichts mit dem richtigen auftaucht. Verwenden Sie besser Highcharts, wenn Sie diese Grenzwertlinie erreichen möchten. – Nb12se

+0

Ich weder, das war das Problem, warum ich diese Frage gestellt habe;) In diesem Fall müssen Sie chart.js verwenden. Aber danke für deine Hilfe – schlenger