如何在angular 2+中使用chart.js创建折线图

时间:2019-10-16 11:57:45

标签: javascript jquery angular twitter-bootstrap chart.js

enter image description here

此图表基本上显示个人贷款信息。

我不知道如何使用chart.js制作此图表 我无法提供代码,因为我的代码不足以代表该图表。

2 个答案:

答案 0 :(得分:0)

我不会尝试写下整个过程,因为其他人已经做到了https://dev.to/wiaio/implementing-a-chartjs-line-chart-in-your-angular-application-19d7

答案 1 :(得分:0)

这是一个折线图。您的数据是一个Y轴的值为[10000, 8000, 5000, 0]的数组,而标签是一个[0, 15, 35, 60]的值数组,以y轴值表示x轴的值。

对于Rs.,您需要标签回调,还需要特殊的刻度线和stepSizes来设置刻度,以显示想要的所有刻度线。

我认为您可以通过搜索我给您提供的名称找到所需的所有信息。如果您还有其他问题,请在这里询问。但更具体地说,简单的“为我做这个”在这里不起作用。