Boa noite pessoal. Como eu faço isso funcionar de forma simples...rs quem pode me ajudar.
Eu tenho a seguinte pagina em aspx que exibe o grafico normalmente conforme abaixo, mas como eu preencho os valores
dos seguintes campos do javascript das linhas data no modo código C#
1 data: [28, 48, 40, 19, 86, 27, 90, 200, 87, 20, 50, 20]
2 data: [38, 18, 20, 29, 56, 47, 60, 170, 97, 15, 15, 38]
3 data: [18, 38, 10, 24, 36, 17, 40, 100, 47, 10, 20, 80]
4 data: [88, 8, 90, 14, 63, 71, 10, 90, 37, 12, 10, 60]
ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="grafico2.aspx.cs" Inherits="Webpainel.grafico2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js'></script>
<script type="text/javascript">
window.onload = function () { var ctx = document.getElementById("GraficoLine").getContext("2d"); var LineChart = new Chart(ctx).Line(grafico, options); }
var options = { responsive: true };
var grafico = {
labels: ["Jan", "Fev", "Mar", "Abr", "Maio", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
datasets: [{
label: "Temperatura 1", fillColor: "rgba(220,220,220,0.3)", strokeColor: "#4d90fe", pointColor: "#4d90fe", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "#4d90fe",
data: [28, 48, 40, 19, 86, 27, 90, 200, 87, 20, 50, 20]
}, {
label: "Temperatura 2", fillColor: "rgba(220,220,220,0.3)", strokeColor: "#19b633", pointColor: "#54c464", pointStrokeColor: "#4fc151", pointHighlightFill: "4fc151", pointHighlightStroke: "#54c464",
data: [38, 18, 20, 29, 56, 47, 60, 170, 97, 15, 15, 38]
}, {
label: "Umidade 1", fillColor: "rgba(219,186,52,0.4)", strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", pointStrokeColor: "#fff",
data: [18, 38, 10, 24, 36, 17, 40, 100, 47, 10, 20, 80]
}, {
label: "Umidade 2", fillColor: "rgba(132,150,57,0.4)", strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", pointStrokeColor: "#fff",
data: [88, 8, 90, 14, 63, 71, 10, 90, 37, 12, 10, 60]
}]
};
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="width:50%; margin:20px auto;">
<h1>
<asp:Label ID="Label1" runat="server" Font-Names="Calibri" Font-Size="20pt" ForeColor="#0066FF" Text="Termometro Web"></asp:Label>
</h1>
<canvas id="GraficoLine" style="width:100%;">
<asp:Literal id="ltlResultado" runat="server" />
</canvas>
</div>
<p>
</p>
</form>
</body>
</html>
Fabricio
