कोणीय-चार्ट.जेएस - लाइन चार्ट को

Question

वक्र नहीं करता है, मैं कोणीय-चार्ट.जेएस (https://jtblin.github.io/angular-chart.js/#line-chart पर) से लाइन चार्ट निर्देश का उपयोग कर रहा हूं।

जैसा कि आप उपरोक्त लिंक पर देख सकते हैं, एक रेखा चार्ट वक्र है। मुझे वक्र नहीं चाहिए, मुझे सीधी रेखा चाहिए। मैं लाइन चार्ट को कॉन्फ़िगर करने के लिए कैसे कॉन्फ़िगर कर सकता हूं। बहुत बहुत धन्यवाद।

Answer 1

है।

<canvas class="chart chart-line" chart-data="lineData" chart-labels="lineLabels" chart-series="lineSeries" chart-options="lineOptions" chart-click="onClick"></canvas> 

इस तरह अपने नियंत्रक में lineOptions जोड़ें::

$scope.lineOptions ={ elements : { line : { tension : 0 } } }; 
//define other variables required for `line` as per your requirement. 
//lineData , lineLabels , lineSeries, OnClick 

यह आपके लाइन के तनाव कर देगा:

अपने कैनवास कुछ इस तरह दिखेगा 0। इस प्रकार, आपकी लाइन सीधे हो जाएगी।

आप अभी भी सीधे methd ऊपर का उपयोग कर अपने लाइन बनाने के लिए सक्षम नहीं हैं, तो आप नीचे दिए गए आदेश द्वारा नवीनतम पैकेज (बीटा) स्थापित करने की कोशिश कर सकते हैं:

bower install --save angular-chart.js#1.0.0 

मुझे आशा है कि इससे आपकी समस्या का समाधान होगा।

Answer 2

डेटासेट में प्रत्येक अनुक्रमणिका के लिए समान मान डालने का प्रयास करें। इससे आपको वाई-अक्ष के साथ एक चयनित बिंदु पर क्षैतिज रूप से एक सीधी रेखा मिल जाएगी।

angular.module("app", ["chart.js"]).controller("LineCtrl", function ($scope) { 

    $scope.labels = ["January", "February", "March", "April", "May", "June", "July"]; 
    $scope.series = ['Series A', 'Series B']; 
    $scope.data = [ 
    [65, 65, 65, 65, 65, 65, 65], 
    [35, 35, 35, 35, 35, 35, 35] 
    ]; 
    $scope.onClick = function (points, evt) { 
    console.log(points, evt); 
    }; 
    $scope.datasetOverride = [{ yAxisID: 'y-axis-1' }, { yAxisID: 'y-axis-2' }]; 
    $scope.options = { 
    scales: { 
     yAxes: [ 
     { 
      id: 'y-axis-1', 
      type: 'linear', 
      display: true, 
      position: 'left' 
     }, 
     { 
      id: 'y-axis-2', 
      type: 'linear', 
      display: true, 
      position: 'right' 
     } 
     ] 
    } 
    }; 
}); 

यहाँ आप chart-options उपयोग कर सकते हैं अपनी लाइन straight बजाय curved बनाने के लिए मार्कअप

<canvas id="line" class="chart chart-line" chart-data="data" 
chart-labels="labels" chart-series="series" chart-options="options" 
chart-dataset-override="datasetOverride" chart-click="onClick" 
</canvas>