2014-02-20 3 views
0

Я пытаюсь написать приложение на MVC4.this приложение отобразит графику и диаграммы на основе данных из MSSQL. Я попытался сделать это через Google Chart, но это не удалось. указать на мою ошибку, пожалуйста,Графики Google в mvc4

@using System.Data; 
@using System.Collections.Generic; 
@using System.Data.SqlClient; 
@{ 
    ViewBag.Title = "Charts"; 
    string [email protected]"Data Source=Juliya\SERVER;Initial Catalog=BASE;Integrated Security=True;"; 
     DataTable dt = new DataTable(); 

     String rows = ""; 

     using (SqlConnection conn = new SqlConnection(connectionString)) 
     { 
      conn.Open(); 
      using (SqlDataAdapter adapter = new SqlDataAdapter("SELECT Sotrud.Name, MS.MTime, ZAMER.P00 FROM ZAMER INNER JOIN MS ON ZAMER.MSid = MS.MSid INNER JOIN Sotrud ON MS.Sotrudid = Sotrud.Sotrudid where MS.MTime>= '2011-01-02 10:14:00.000' and MS.MTime<= '2011-08-08 10:14:00.000' and Sotrud.Sotrudid=1005", conn)) 
      { 
       adapter.Fill(dt); 

       List<string> rowsList = new List<string>(); 

       // rowsList.Add("['Datum', 'Sava', 'RPWS1']"); 
       foreach (DataRow row in dt.Rows) 
       { 
        //Converts your object into a DateTime (so that it's properties can be accessed properly 
        DateTime yourDate = Convert.ToDateTime(row["MTime"]); 


        rowsList.Add("[new Date(" + yourDate.Year + ", " + (yourDate.Month - 1) + ", " + yourDate.Day + ", " + yourDate.Hour + ", " + yourDate.Minute + ", " + yourDate.Second + "), " + row["MTime"] + ", " + row["P00"] + "]"); 
       } 
       rows = String.Join(", ", rowsList); 
      }; 
     }; 
    } 

    <title>Test Graph</title> 
<script type='text/javascript' src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
function drawChart() { 
var data1 = new google.visualization.DataTable() 
data1.addColumn('datetime', 'MTime'); 
data1.addColumn('number', 'P00'); 
data1.addColumn('number', 'MTime'); 
data1.addRows([@Html.Raw(rows)]); 

var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
chart.draw(data1, { 
height: 350, 
width: 900, 
title: 'Absolutna kota vode v tesnilni zavesi', 
vAxis: { 
maxValue: 165.5, 
minValue: 159, 
title: 'absolutna kota' 
} 
}); 
} 
google.load('visualization', '1', {packages: ['corechart']}); 
google.setOnLoadCallback(drawChart); 
</script> 
</head> 
<html> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html> 

ответ

0

Я написал this блоге от некоторое время это было около creating google charts with MVC3 это не будет сильно отличаться от MVC4

+0

Я прочитал ваш пост, но проблема в том, что мне нужно возьмите данные для базы данных графа, люди, пожалуйста, помогите мне –

+0

графической базы данных вы имеете в виду базу данных Google Maps? –

Смежные вопросы