由于我是New To Angular,我在Graph中面临问题,我现在不知道如何在角度上做这个
尝试使用Chart.js和Canvasjs在我都面临问题1.使用Chart.js我能够创建如下图像的静态图,但我没有得到如何从API获取此图的数据。
注意:我能够显示任何类型的数据使用API,除了Graph所以,请帮我这个图形的东西。
LineChart = {};
ngOnInit() {
// Line chart:
this.LineChart = new Chart('lineChart', {
type: 'line',
data: {
labels: ['Jan', 'Feb', 'March', 'April', 'May', 'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
datasets: [{
label: 'Number of Items Sold in Months',
data: [9, 7, 3, 5, 2, 10, 15, 16, 19, 3, 1, 9],
fill: false,
lineTension: 0.2,
borderColor: 'white',
borderWidth: 1
}]
},
options: {
title: {
text: 'Line Chart',
display: true
},
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
注意:我能够显示任何类型的数据使用API,除了Graph所以,请帮我这个图形的东西。
图应该来了
在初始化图表对象之前,从API获取数据并创建数据数组,然后初始化图表对象。
如果您希望图形不断变化,请使用Observables连续获取数据并不断更新图表。