作者:久久影视001 | 来源:互联网 | 2023-05-21 16:11
所以即时通讯使用charts.js http://www.chartjs.org/我试图让2点之间的线条笔直而不弯曲,没有任何原因.
它现在看起来像
http://imgur.com/RrdRgAR,N31ajM7#1
我希望它看起来像基本的代数图应该看起来像上面链接中的其他图片
当前数据集:
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" }
)};
谢谢你,我在网上到处搜索这个
1> Pointy..:
将选项设置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
});
});
它就在折线图选项列表中..您也可以让它们弯曲,但通过选择设置然后改变bezierCurveTension
属性来"更硬" .