Creare grafico a linee con dati dinamici

**devil946** · 13-02-2017, 18:20

Salve a tutti, non sï¿½ se questo ï¿½ il gruppo giusto oppure devo spostarlo nella sessione ASP.
Comunque io vi posto il mio problema e spero che qualcuno mi possa aiutare. Io voglio creare un grafico a linee prendendo i dati da una query, quindi dati dinamici, sull'asse delle ascisse vorrei le date mentre sull'asse delle ordinate i valori di alcune misurazioni.
Di seguito il codice:
codice:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
<scripttype="text/javascript"src="https://www.gstatic.com/charts/loader.js"></script>
<scripttype="text/javascript"src="Chart.js"></script>
<title>TEAM-GEST: SOFTWARE PROFESSIONALE PER GESTIRE IL TUO TEAM</title>
<linkhref="stile.css"rel="stylesheet"type="text/css"/>
<linkrel="icon"href="/images/logo1.ico"/>
</head>

<body>
<%
session("StagioneAttuale")
Categoria= request.form("Categoria")

' stringa di conn
Set Conn = Server.CreateObject("ADODB.Connection")
Connect = "Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath(""& session("MM_Percorso") &"")
Conn.Open Connect

Set rs = Server.CreateObject("adodb.recordset")
rs.Open "SELECT * FROM T_Presenze_Assenze"&session("StagioneAttuale")&" where Categoria='" & Categoria & "'", Conn,3,3
if not (rs.eof or rs.bof) then

Set rsAssenti = Server.CreateObject("adodb.recordset")
rsAssenti.Open "SELECT DISTINCT count([T_Presenze_Assenze"&session("StagioneAttuale")&"].Motivo) as ConteggioMotivo, DataInsert FROM T_Presenze_Assenze"&session("StagioneAttuale")&" where Motivo <= '5' and Categoria='" & Categoria & "' group by DataInsert", Conn,3,3
rsAssenti.movefirst

while not rsAssenti.eof
ValoreAssenti = rsAssenti("ConteggioMotivo")
DataAssenti = rsAssenti("DataInsert")

TotaleAssenti = ValoreAssenti
TotaleGiocatori = rs.recordcount
PercentualeAssenti = Round((TotaleAssenti * 100)/TotaleGiocatori,0)
%>
<canvasid="myLineChart"width="800"height="400"></canvas>

<scripttype="text/javascript">
// Definisco i dati da mostrare nel grafico
var data ={

labels:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto"],
datasets:[
{
label:"Mesi",
fillColor:"rgba(99,240,220,0.2)",
strokeColor:"rgba(99,240,220,1)",
pointColor:"rgba(99,240,220,1)",
pointStrokeColor:"#fff",
pointHighlightFill:"#fff",
pointHighlightStroke:"rgba(220,220,220,1)",
data:[<%=DataAssenti%>]

},
{
label:"Temperature 2014",
fillColor:"rgba(205,99,151,0.2)",
strokeColor:"rgba(205,99,151,1)",
pointColor:"rgba(205,99,151,1)",
pointStrokeColor:"#fff",
pointHighlightFill:"#fff",
pointHighlightStroke:"rgba(151,187,205,1)",
data:[<%=TotaleAssenti%>]

}
]
};
<%
rsAssenti.movenext
wend
%>
// Ottengo il contesto 2D del Canvas in cui mostrare il grafico
var ctx = document.getElementById("myLineChart").getContext("2d");

// Crea il grafico e visualizza i dati
var myLineChart =newChart(ctx).Line(data);

</script>
<divid="myLineChart"></div>

<%else%>
<scripttype="text/javascript">

</script>
<%endif%>
</body>
</html>

**devil946** · 13-02-2017, 19:31

Nessuna buona anima?

**devil946** · 13-02-2017, 20:22

Aiuto, c'è nessuno che mi aiuta???

**cavicchiandrea** · 13-02-2017, 20:39

Ti avevo detto di chiedere il trasferimento da javascript, e di cercare in rete un script esempio, non hai fatto nulla almeno armati pazienza non penso sia un'urgenza considerando che le urgenze sono solo al 118.
Buona serata

**devil946** · 13-02-2017, 20:42

tutti gli esempi che ci sono in rete hanno dati statici

**devil946** · 13-02-2017, 20:42

Scusa, ma io ho questo codice che funziona per un grafico a torta e quindi basandomi su quello volevo riuscire a crearne uno a linee.Ma mentre i dati di quello a torta sono conteggiati tutti prima della creazione dello stesso, i dati del grafico a linee sono da prendere una coppia alla volta e inserirli nel grafico, ma come faccio??

**cavicchiandrea** · 13-02-2017, 20:46

Questo è un esempio di grafico a barre poi non è detto che vada bene per quello che vuoi fare tu.

**devil946** · 13-02-2017, 20:49

Infatti, lo avevo visto ma è decisamente brutto; mentre invece quello che scaturisce dall'uso di Chart.js è migliore. Ma come ti ripeto tutti gli esempio a riguardo sono con dati statici

**Vincent.Zeno** · 13-02-2017, 21:06

proviamo a capire cosa vuoi fare..
che intendi con "gli esempi sono con dati statici"?
gli esempi dovranno rifarsi a dati conosciuti (statici) per poter essere mostrati. sta a te poi dinamicizzarli e personalizzali.

**devil946** · 14-02-2017, 09:26

Questo è il mio codice attuale:

codice:

<%@LANGUAGE="VBSCRIPT"%>
<%' Controllo se l'utente si è logato
If Session("status") <> "login" Then
response.redirect "software.asp"


Response.expires = 0
Response.expiresabsolute = Now() - 1
Response.addHeader "pragma", "no-cache"
Response.addHeader "cache-control", "private"
Response.CacheControl = "no-cache"
End If
%>
<HTML>
<HEAD>
<title>TEAM-GEST: SOFTWARE PROFESSIONALE PER GESTIRE IL TUO TEAM</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/images/logo1.ico" />
<script type="text/javascript" src="Chart.js"></script>
<%
session("StagioneAttuale")
Categoria = request.form("Categoria")


' stringa di conn
Set Conn = Server.CreateObject("ADODB.Connection")
Connect = "Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath(""& session("MM_Percorso") &"")
Conn.Open Connect


Set rs = Server.CreateObject("adodb.recordset")
rs.Open "SELECT * FROM T_Presenze_Assenze"&session("StagioneAttuale")&" where Categoria='" & Categoria & "'", Conn,3,3


if not rs.eof then


Set rsAssenti = Server.CreateObject("adodb.recordset")
rsAssenti.Open "SELECT DISTINCT count([T_Presenze_Assenze"&session("StagioneAttuale")&"].Motivo) as ConteggioMotivo, DataInsert FROM T_Presenze_Assenze"&session("StagioneAttuale")&" where Motivo <= '5' and Categoria='" & Categoria & "' group by DataInsert", Conn,3,3
rsAssenti.movefirst


'TotaleAssenti = ValoreAssenti
'TotaleGiocatori = rs.recordcount
'PercentualeAssenti = Round((TotaleAssenti * 100)/TotaleGiocatori,0)
%>
<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.DataTable();
        data.addColumn('data', 'Data');
        data.addColumn('number', 'Valori');
    <%while not rsAssenti.eof
		ValoreAssenti = rsAssenti("ConteggioMotivo")
		DataAssenti = rsAssenti("DataInsert")%>
		data.addRows([
          [<%=DataAssenti%>,<%=ValoreAssenti%>]
    <%
	rsAssenti.movenext
	wend
		  %>
        ]);
        // Set chart options
        var options = {
          title: 'Prova',
          curveType: 'function',
          legend: { position: 'bottom' }
        };
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>


</HEAD>
<body bgcolor="#7A8996">
<div id="chart_div" style="width: 800px; height: 410px;"></div>


<%else%>
<script type="text/javascript">
<!--window.close()-->
</script>
<%end if%>
</body>
</html>

Discussione: Creare grafico a linee con dati dinamici

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Creare grafico a linee con dati dinamici

Permessi di invio