charts.js 直线 - 我找不到解决方案

Question

所以我正在使用 charts.js http://www.chartjs.org/ 并且我试图让 2 个点之间的线是直的而不是弯曲的，没有明显的原因。

现在看起来像那样 http://imgur.com/RrdRgAR,N31ajM7#1

我希望它看起来像基本代数图应该看起来的样子就像上面的另一张图片link

当前数据集：

                label: "Shop Sales",
                fillColor : "rgba(255, 89, 114, 0.6)",
                strokeColor : "rgba(51, 51, 51, 1)",
                pointColor : "rgba(255, 89, 114, 1)",
                pointStrokeColor : "#fff",
                pointHighlightFill : "#fff",
                pointHighlightStroke : "rgba(151,187,205,1)",
                maintainAspectRatio: false,

和

window.onload = function(){
    var ctx = document.getElementById("canvas").getContext("2d");

    window.myLine = new Chart(ctx).Line(lineChartData, {
responsive: true, scaleFontColor: "#FF5972" }

)};

谢谢，我在网上到处找这个

Answer 1

将选项 bezierCurve 设置为 false。

window.onload = function(){
    var ctx = document.getElementById("canvas").getContext("2d");

    window.myLine = new Chart(ctx).Line(lineChartData, {
      responsive: true, 
      scaleFontColor: "#FF5972",
      bezierCurve: false
    });

});

It's right there in the Line Chart option list.。您也可以让它们弯曲，但 "stiffer" 通过保留选项集然后改变 bezierCurveTension 属性.

Answer 2

v2.0 好像改过了。现在是tension:0。在撰写本文时，文档声明它是 lineTension:0，但这似乎不正确。

charts.js 直线 - 我找不到解决方案

charts.js straight lines - i cant find a solution

javascript

chart.js