ASP.NET中 Echarts动态显示及简单插入多个图表

创建项目

1. 文件 -> 新建 -> 项目 -> ASP.NET Web应用程序(EchartsDemo) -> 选择模板（Empty) -> 确定
2. 在项目上右击 -> 添加 -> 新建项 -> OWIN Startup 类(Startup.cs)
3. 在项目上右击 -> 添加 -> web窗体(Default.aspx)
4. 在项目上右击 -> 添加 -> web窗体(Default.aspx)
5. 引用->添加引用(Newtonsoft .Json.dll)
6. 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