Merhabalar,
ASP .Net Core 2.2 de web uygulaması geliştiriyorum. Bir noktada yeni olduğumdan ötürü takılı kaldım.
ASP .Net Core da kullanıcıdan aldığım verileri arka planda class yapısında işleyip iki adet sayısal dizi elde ediyorum.
Bunları curved line, bar chart gibi çeşitli grafikler yoluyla göstermek istiyorum lakin @model yoluyla sınıftan çektiğim değişkenleri kullanabiliyorken bir türlü script yapısı içinde değerlendiremedim.
Örnek:
ChartJs Çizelgeler
<canvas id="myChart" width="400" height="400"></canvas>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
</script>
Google Çizelgeler
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
title: 'Company Performance',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="curve_chart" style="width: 900px; height: 500px"></div>
</body>
</html>
Bu her iki kod bloğunda yer alan dataları elle girmek yerine verileri elde ettiğim bir dizi aracılığıyla işlemek istiyorum.
Arka tarafta şu şekilde hesaplanmış dizilerden bir eğri her iki Grafik türünde nasıl çıkarabilirim?
int[] x_ekseni_olculen_yillar = { 1997, 2003, 2005, 2009, 2014, 2018, 2019 };
int[] y_ekseni_ofke_katsayisi = { 1, 3, 5, 3, 1, 18, 9 };
