Chart.js: घटता

Question

मैं एक डाटासेट साजिश Chart.JS उपयोग कर रहा हूँ के बजाय सीधी रेखाएं,

हालांकि मैं काम में आसानी के मिल गया है!

यहाँ वक्र मुझे मिल गया है है:

यहाँ है मेरी कोड:

function plotChart(data, labels) { 

    var lineChartData = { 
     "datasets": [{ 
      "data": data, 
      "pointStrokeColor": "#fff", 
      "fillColor": "rgba(220,220,220,0.5)", 
      "pointColor": "rgba(220,220,220,1)", 
      "strokeColor": "rgba(220,220,220,1)" 
     }], 
     "labels": labels 
    }; 

    var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData); 

} 

मैं घटता के बजाय सीधी रेखाएं कैसे हो सकती है?

आप

Answer 1

धन्यवाद documentation on chartjs.org

आप विकल्पों में 'बीज़ियर वक्र' की स्थापना की और जब आप चार्ट बनाने में इसे पारित कर सकते हैं के अनुसार।

bezierCurve: false 

जैसे:

var options = { 
    //Boolean - Whether the line is curved between points 
    bezierCurve : false 
}; 
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData, options); 

संस्करण 2

के लिए अद्यतन वैश्विक विकल्पों में लाइन विन्यास के लिए अद्यतन प्रलेखन के अनुसार

Name  Type Default Description 
tension  Number 0.4  Default bezier curve tension. Set to 0 for no bezier curves. 

जैसे:

012,

var options = { 
    elements: { 
     line: { 
      tension: 0 
     } 
    } 
}; 

और सीधे lineTension से 0 (शून्य) सेट करके डेटासेट संरचना में भी।

Property  Type Usage 
lineTension  Number Bezier curve tension of the line. Set to 0 to draw straightlines. 
         This option is ignored if monotone cubic interpolation is used. 
         Note This was renamed from 'tension' but the old name still works. 

इन विशेषताओं का उपयोग करके एक उदाहरण डेटा ऑब्जेक्ट नीचे दिखाया गया है।

var lineChartData = { 
    labels: labels, 
    datasets: [ 
     { 
      label: "My First dataset", 
      lineTension: 0,   
      data: data, 
     } 
    ] 
}; 

Answer 2

आप वांछित वक्र सेट करने के लिए लाइनटेन्शन विकल्प का उपयोग कर सकते हैं। सीधे लाइनों के लिए 0 सेट करें। आप 0-1

data: { 
    datasets: [{ 
     lineTension: 0 
    }] 
}