2015-02-14 15 views
7

È possibile aggiungere una linea orizzontale a una tabella esistente in Chart.js?Riga 'limite' orizzontale in Chart.js

Ecco il codice char esempio:

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

voglio aggiungere una linea di riferimento orizzontale (ad es y = 100 come in questo fiddle per Highcharts.)

risposta

1

Sì si può effettivamente farlo. Si vuole la linea marcatore orizzontale quindi è necessario aggiungere questo codice all'interno del vostro asse 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

Questo appare come Highchart.js, come in questa risposta: http://stackoverflow.com/questions/25553051/chart- js-how-to-add-a-line-in-the-canvas-per-bar-chart Come funziona in chart.js? – schlenger

+0

Siamo spiacenti. Non ho trovato alcun modo per farlo in chart.js. Se nulla si presenta con quello corretto. Usa meglio i diagrammi elevati se vuoi raggiungere quella linea limite. – Nb12se

+0

Neanche io, questo è stato il motivo per cui ho posto questa domanda;) In questo caso devo usare chart.js. ma grazie per il tuo aiuto – schlenger