创建项目
- 文件 -> 新建 -> 项目 -> ASP.NET Web应用程序(EchartsDemo) -> 选择模板(Empty) -> 确定
- 在项目上右击 -> 添加 -> 新建项 -> OWIN Startup 类(Startup.cs)
- 在项目上右击 -> 添加 -> web窗体(Default.aspx)
- 在项目上右击 -> 添加 -> web窗体(Default.aspx)
- 引用->添加引用(Newtonsoft .Json.dll)
- using Newtonsoft.Json.Linq;
编写JS脚本
采用Ajax进行定时刷新
采用JS for循环遍历Json
<script>
$(
function () {
fetchData();
window.setInterval(fetchData, 2000);
}
);
function fetchData() {
$.ajax({
type: 'GET',
url: '/GetFileHandler.ashx',
dataType: 'json',
success: function (option) {
for (var key in option)
{
var myChart = echarts.init(document.getElementById(key));
myChart.setOption(option[key]);
console.log(key + " " + option[key]); //遍历json对象的每个key/value对,p为key
}
console.log(result