Jump to content
rsd_17

Criar Grafico apartir da base de dados

Recommended Posts

rsd_17

Ola,

Estou a tentar criar um grafico atraves dos dados de uma base de dados  no Visual Studio 2019, em ASP.NET CORE 

Mas estou a ter dificuldades em ligar buscar os dados a base de dados. Estou a colocar o codigo numa view e neste momento tenho isto

@model IEnumerable<SIA_Final.Models.Item>
@{
    ViewData["Title"] = "Grafico";
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<script type="text/javascript">

    google.charts.load('current', {packages: ['corechart', 'bar']});
    google.charts.setOnLoadCallback(CarregaDados);
    function CarregaDados() {
        $.ajax({
            url: '@Url.Action("create","itens")',
            dataType: "json",
            type: "GET",
            error: function(xhr, status, error) {
                var err = eval("(" + xhr.responseText + ")");
                toastr.error(err.message);
            },
            success: function(data) {
                GraficoTecnica(data);
                return false;
            }
        });
        return false;
    }
    function GraficoTecnica(data) {
        var dataArray = [
            ['Tecnica', '2019' , '2020']
        ];
        $.each(data, function(i, item) {
            dataArray.push([item.classificacao, item.importancia, item.pontuacao]);
        });
        var data = google.visualization.arrayToDataTable(dataArray);
        var options = {
            title: 'Tecnica ',
            chartArea: {
                width: '50%'
            },
            colors: ['#b0120a', '#ffab91'],
            hAxis: {
                title: 'item',
                minValue: 0
            },
            vAxis: {
                title: 'itens'
            }
        };
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
        return false;
    }
</script> 

Mas quando corro o codigo a view aparece vazia... Alguem tem alguma ideia de como posso resolver o problema? 

Ou outra forma de criar um grafico a partir de uma tabela da  base de dados ?

Agradeço.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.