स्टार्ट मूल्य में स्टार्ट वैल्यू को "0" के रूप में कैसे सेट करें?

Question

यहां मेरा कोड है। मुझे प्रारंभिक मान को x और y अक्ष स्केल दोनों में "0" के रूप में सेट करने की आवश्यकता है। मैंने नवीनतम संस्करण स्केल विकल्प का प्रयास किया है।

graphOptions = {    
      ///Boolean - Whether grid lines are shown across the chart 
      scaleShowGridLines: false,  
      tooltipTitleTemplate: "<%= label%>", 
      //String - Colour of the grid lines 
      scaleGridLineColor: "rgba(0,0,0,.05)", 
      //Number - Width of the grid lines 
      scaleGridLineWidth: 1, 
      //Boolean - Whether to show horizontal lines (except X axis) 
      scaleShowHorizontalLines: true, 
      //Boolean - Whether to show vertical lines (except Y axis) 
      scaleShowVerticalLines: true, 
      //Boolean - Whether the line is curved between points 
      bezierCurve: true, 
      //Number - Tension of the bezier curve between points 
      bezierCurveTension: 0.4, 
      //Boolean - Whether to show a dot for each point 
      pointDot: true, 
      //Number - Radius of each point dot in pixels 
      pointDotRadius: 4, 
      //Number - Pixel width of point dot stroke 
      pointDotStrokeWidth: 1,    
      pointHitDetectionRadius: 20,    
      datasetStroke: true, 
      datasetStrokeWidth: 2, 
      datasetFill: true,    
      legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>" 
     }; 
     var LineChart = new Chart(ctx).Line(graphData, graphOptions); 
    }  

Answer 1

चार्ट के लिए .js 2. *, शून्य पर शुरू होने वाले पैमाने के लिए विकल्प configuration options of the linear scale के अंतर्गत सूचीबद्ध है। इसका उपयोग संख्यात्मक डेटा के लिए किया जाता है, जो शायद आपके वाई-अक्ष के मामले में होना चाहिए। तो, आप इस का उपयोग करने की आवश्यकता है:

options: { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true 
      } 
     }] 
    } 
} 

एक नमूना लाइन चार्ट भी उपलब्ध here है जहां विकल्प y- अक्ष के लिए प्रयोग किया जाता है। यदि आपका संख्यात्मक डेटा एक्स-अक्ष पर है, तो yAxes के बजाय xAxes का उपयोग करें। ध्यान दें कि yAxes (या xAxes) के लिए एक सरणी (और बहुवचन) का उपयोग किया जाता है, क्योंकि आपके पास एकाधिक अक्ष भी हो सकते हैं।

Answer 2

कृपया इस विकल्प को जोड़ें:

//Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value 
scaleBeginAtZero : true, 

(संदर्भ: Chart.js)

एनबी: यदि आप Highcharts तो उपयोग नहीं कर रहे मूल समाधान मैं पोस्ट, Highcharts लिए किया गया था कृपया भ्रम से बचने के लिए टैग हटाएं