चार्ट जेएस में धुंधला चार्ट समस्या को कैसे ठीक करें?

Question

मैं chart.js का उपयोग कर एक बार चार्ट बना रहा हूं। लेकिन यह चार्ट मेरी स्क्रीन में धुंधला दिखता है।

<canvas id="myChart" style="padding-left: 0;padding-right: 0;margin-left: auto; margin-right: auto; display: block;width: 90%;height:350px;"></canvas> 

जे एस कोड चार्ट बार बनाने के लिए:

window.onload = function() {  
var data = { 
labels: [], 
datasets: [ 
    { 
     label: "My First dataset", 
     fillColor: "rgba(220,220,220,2)", 
     strokeColor: "rgba(220,220,220,2)", 
     pointColor: "rgba(220,220,220,2)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(220,220,220,2)" 
    }, 
    { 
     label: "My Second dataset", 
     fillColor: "rgba(12, 18, 51, 1)", 
     strokeColor: "rgba(12, 18, 51, 1)", 
     pointColor: "rgba(12, 18, 51, 1)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(12, 18, 51, 1)" 
    } 
] 
}; 

var ctx = jQuery("#myChart")[0].getContext('2d'); 
var options = { 
scaleBeginAtZero : true, 
scaleShowGridLines : true,  
scaleGridLineColor : "rgba(0,0,0,.05)", 
scaleGridLineWidth : 1,  
scaleShowHorizontalLines: true, 
scaleShowVerticalLines: false, 
barShowStroke : true, 
barStrokeWidth : 2, 
barValueSpacing : 10,  
barDatasetSpacing : 1, 

legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>" 

} 
var myLineChart = new Chart(ctx).Bar(data, options); 
<?php foreach($resultGraph as $share){?> 

myLineChart.addData([<?php echo $share->shCOunt;?>, <?php echo $share->tt;?>], "<?php echo $share->post_date1;?>"); 
<?php } ?> 

//myLineChart.addData([30, 50], "January"); 

} 

</script> 

Answer 1

अपने एक्स 0.5 जोड़ने का प्रयास करें समन्वय मूल्यों नीचे मेरी एचटीएमएल और जे एस कोड है। इस here

Answer 2

को आज मुझे क्रोम नवीनतम संस्करण पर इसका सामना करना पड़ा, सचमुच इसका पीछा करने के लिए 3 घंटे बर्बाद हो गए। अंततः यह पता चला कि समस्या केवल तब होती है जब ब्राउज़र यूआरएल कुछ बंदरगाह के साथ लोकलहोस्ट होता है। जैसे http://localhost:1700/

मैंने अपने ऐप को डमी होस्ट पर http://www.localdomain.com/(by होस्ट फ़ाइल को संशोधित करने के रूप में ब्राउज़ किया) और समस्या समाप्त हो गई है। :-)

आशा है कि यह जानकारी डेवलपर्स को बग को पुन: पेश करने और ठीक करने में मदद करेगी !!!