Grafik js boş alan görüntüleniyor

Question

Ben chart.js .Bar() grafikleri kullanıyorum. Bununla birlikte, bazı koşullarda sistemde veri bulunmayabilir. Boş (sahte) veri kümeleri oluşturmanın kısa bir yolu, bir şekilde grafiklerin boş bir çizim yapmasını sağlayabilir miyim?

Answer 1

Düzenleme: @zazu Bu örnek bu

istedi gibi boş bir Grafiğin yatay çizgiler göstermek için yayını düzenlenmiş, içinde (veri ile bir birinci veri kümesi sağlayan, Chart.js çizgi grafik kurmak ızgara dikey eksenini ölçeklendirmek ve yatay çizgileri görünür hale getirmek için, ve ikinci bir boş veri ile sipariş edin. Bu, boş bir grafik ile sonuçlanır, fakat görülebilir tam ızgara ile:

var data = { 
 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
 
    datasets: [ 
 
    // invisible dataset 
 
    { 
 
     label: "", 
 
     fillColor: "rgba(220,220,220,0.0)", 
 
     strokeColor: "rgba(220,220,220,0)", 
 
     pointColor: "rgba(220,220,220,0)", 
 
     pointStrokeColor: "#fff", 
 
     pointHighlightFill: "#fff", 
 
     pointHighlightStroke: "rgba(220,220,220,1)", 
 
     // change this data values according to the vertical scale 
 
     // you are looking for 
 
     data: [65, 59, 80, 81, 56, 55, 40] 
 
    }, 
 
    // your real chart here 
 
    { 
 
     label: "My dataset", 
 
     fillColor: "rgba(220,220,220,0.2)", 
 
     strokeColor: "rgba(220,220,220,1)", 
 
     pointColor: "rgba(220,220,220,1)", 
 
     pointStrokeColor: "#fff", 
 
     pointHighlightFill: "#fff", 
 
     pointHighlightStroke: "rgba(220,220,220,1)", 
 
     data: [] 
 
    } 
 
] 
 
}; 
 

 
var options = { 
 
    animation: false, 
 
    ///Boolean - Whether grid lines are shown across the chart 
 
    scaleShowGridLines : true, 
 
    //Boolean - Whether to show vertical lines (except Y axis) 
 
    scaleShowVerticalLines: true, 
 
    showTooltips: false 
 
}; 
 

 
var ctx = document.getElementById("myChart").getContext("2d"); 
 
var myLineChart = new Chart(ctx).Line(data, options);

<script src="http://www.chartjs.org/assets/Chart.js"></script> 
 
<canvas id="myChart" width="400" height="400"></canvas>

JSFiddle here.