echarts在ASP.NETMVC中的使用_.netcore使用echart资源-CSDN文库

共448个文件

dll：139个

xml：94个

js：61个

5星 · 超过95%的资源需积分: 50 53 浏览量 2020-05-04 10:36:07 上传评论 1 收藏 34.13MB RAR 举报

ECharts 是一个基于 JavaScript 的开源可视化库，常用于创建数据驱动的图表，如折线图、柱状图、饼图、散点图等。在 ASP.NET MVC 框架中集成 ECharts，可以实现强大的数据可视化功能，为 Web 应用提供直观的数据展示。在 ASP.NET MVC 中使用 ECharts，首先需要确保你的项目已经引入了 ECharts 的 JavaScript 文件。通常，这可以通过以下方式完成： 1. 下载 ECharts 的最新版本或者通过 CDN 引入。 2. 将下载的 ECharts 文件（如 `echarts.min.js`）放入项目的 `Scripts` 或者其他指定的 JavaScript 文件夹。 3. 在需要使用 ECharts 的页面中，通过 `<script>` 标签引入 ECharts。接下来，我们需要创建一个控制器（Controller）和一个视图（View），用于处理数据和展示图表。例如，你可以创建一个名为 `ChartController` 的控制器，并在其中添加一个 `Index` 方法，该方法将返回图表所需的数据。 ```csharp public class ChartController : Controller { public ActionResult Index() { // 这里可以是从数据库或其他数据源获取的数据 var data = new List<int> { 10, 20, 30, 40, 50 }; return Json(new { series = new[] { new { name = "数据", data } } }, JsonRequestBehavior.AllowGet); } } ``` 在上面的代码中，我们返回了一个 JSON 对象，包含一个名为 "series" 的数组，该数组包含一个对象，该对象表示 ECharts 图表的系列数据。然后，创建一个对应的视图 `Index.cshtml`，并在其中编写 HTML 和 JavaScript 代码来初始化 ECharts 实例并加载数据： ```html <!DOCTYPE html> <html> <head> <title>ECharts 示例</title> <script src="~/Scripts/echarts.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); $.ajax({ url: '@Url.Action("Index", "Chart")', type: 'GET', success: function (result) { myChart.setOption({ title: { text: '折线图示例' }, tooltip: {}, xAxis: { data: ["周一", "周二", "周三", "周四", "周五"] }, yAxis: {}, series: result.series }); } }); </script> </body> </html> ``` 在这个例子中，我们创建了一个 `div` 元素作为 ECharts 的容器，并使用 jQuery 的 `$.ajax` 获取 `ChartController` 返回的数据。当数据请求成功后，使用 `myChart.setOption` 设置图表的配置项，包括标题、坐标轴和数据系列。对于其他类型的图表，如地图、柱形图等，只需调整 `setOption` 中的配置项即可。例如，对于柱状图，你可能需要设置 `xAxis` 的类型为 `category`，并为 `series` 添加 `type: 'bar'`。在 ASP.NET MVC 中使用 ECharts，可以充分利用 MVC 的强类型特性，通过模型绑定等方式更方便地传递和处理数据。同时，ECharts 提供了丰富的图表类型和自定义选项，可以根据需求创建各种复杂的数据可视化效果。记得在实际开发中根据项目需求进行调整和优化，以提高用户体验和性能。

资源推荐

资源详情

资源评论

收起资源包目录

echarts在ASP.NET MVC中的使用（448个子文件）

Global.asax 99B

Echarts.csprojResolveAssemblyReference.cache 167KB

DesignTimeResolveAssemblyReferencesInput.cache 17KB

applicationhost.config 84KB

Web.config 5KB

Echarts.dll.config 5KB

packages.config 4KB

Web.config 2KB

Web.Release.config 1KB

Web.Debug.config 1KB

VBCSCompiler.exe.config 563B

HomeController.cs 13KB

AssemblyInfo.cs 1KB

RouteConfig.cs 585B

Global.asax.cs 453B

Startup.cs 282B

TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B

TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B

TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B

CreateDynamicPieData.cshtml 7KB

MixedLineBar.cshtml 5KB

CreateMap.cshtml 4KB

CreateDynamicData.cshtml 4KB

CreateBarChart.cshtml 3KB

_Layout.cshtml 2KB

ResetPassword.cshtml 1KB

ExternalLoginConfirmation.cshtml 1KB

VerifyCode.cshtml 1KB

_ExternalLoginsListPartial.cshtml 1KB

ForgotPassword.cshtml 920B

_LoginPartial.cshtml 907B

SendCode.cshtml 763B

Index.cshtml 528B

ResetPasswordConfirmation.cshtml 313B

ConfirmEmail.cshtml 279B

Lockout.cshtml 229B

ForgotPasswordConfirmation.cshtml 214B

Error.cshtml 201B

ExternalLoginFailure.cshtml 164B

_ViewStart.cshtml 57B

Echarts.csproj 17KB

bootstrap.css 118KB

bootstrap.min.css 96KB

Site.css 537B

EntityFramework.dll 4.96MB

EntityFramework.dll 4.75MB

Microsoft.CodeAnalysis.VisualBasic.dll 4.67MB

Microsoft.CodeAnalysis.CSharp.dll 3.82MB

Microsoft.CodeAnalysis.dll 1.64MB

WebGrease.dll 1.22MB

EntityFramework.SqlServer.dll 607KB

EntityFramework.SqlServer.dll 588KB

System.Web.Mvc.dll 553KB

Newtonsoft.Json.dll 491KB

Newtonsoft.Json.dll 482KB

Newtonsoft.Json.dll 437KB

Newtonsoft.Json.dll 435KB

Newtonsoft.Json.dll 420KB

Newtonsoft.Json.dll 378KB

EntityFramework.resources.dll 319KB

System.Web.Razor.dll 266KB

System.Reflection.Metadata.dll 257KB

System.Web.WebPages.dll 207KB

System.Collections.Immutable.dll 200KB

Microsoft.AspNet.Identity.Core.dll 168KB

System.Web.Helpers.dll 137KB

Microsoft.Owin.Host.SystemWeb.dll 130KB

Antlr3.Runtime.dll 101KB

Microsoft.Owin.dll 99KB

Microsoft.Build.Tasks.CodeAnalysis.dll 83KB

Microsoft.Owin.Security.OAuth.dll 76KB

共 448 条

D:\T test\Echarts\Echarts\bin\roslyn\csc.exe D:\T test\Echarts\Echarts\bin\roslyn\Microsoft.Build.Tasks.CodeAnalysis.dll D:\T test\Echarts\Echarts\bin\roslyn\Microsoft.CodeAnalysis.CSharp.dll D:\T test\Echarts\Echarts\bin\roslyn\Microsoft.CodeAnalysis.dll D:\T test\Echarts\Echarts\bin\roslyn\Microsoft.CodeAnalysis.VisualBasic.dll D:\T test\Echarts\Echarts\bin\roslyn\Microsoft.CSharp.Core.targets D:\T test\Echarts\Echarts\bin\roslyn\Microsoft.VisualBasic.Core.targets D:\T test\Echarts\Echarts\bin\roslyn\System.Collections.Immutable.dll D:\T test\Echarts\Echarts\bin\roslyn\System.Reflection.Metadata.dll D:\T test\Echarts\Echarts\bin\roslyn\vbc.exe D:\T test\Echarts\Echarts\bin\roslyn\VBCSCompiler.exe D:\T test\Echarts\Echarts\bin\roslyn\VBCSCompiler.exe.config D:\T test\Echarts\Echarts\bin\Echarts.dll.config D:\T test\Echarts\Echarts\bin\Echarts.dll D:\T test\Echarts\Echarts\bin\Echarts.pdb D:\T test\Echarts\Echarts\bin\Antlr3.Runtime.dll D:\T test\Echarts\Echarts\bin\EntityFramework.dll D:\T test\Echarts\Echarts\bin\EntityFramework.SqlServer.dll D:\T test\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Core.dll D:\T test\Echarts\Echarts\bin\Microsoft.AspNet.Identity.EntityFramework.dll D:\T test\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Owin.dll D:\T test\Echarts\Echarts\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Host.SystemWeb.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Cookies.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Facebook.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Google.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.MicrosoftAccount.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.OAuth.dll D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Twitter.dll D:\T test\Echarts\Echarts\bin\Microsoft.Web.Infrastructure.dll D:\T test\Echarts\Echarts\bin\Newtonsoft.Json.dll D:\T test\Echarts\Echarts\bin\Owin.dll D:\T test\Echarts\Echarts\bin\System.Web.Helpers.dll D:\T test\Echarts\Echarts\bin\System.Web.Mvc.dll D:\T test\Echarts\Echarts\bin\System.Web.Optimization.dll D:\T test\Echarts\Echarts\bin\System.Web.Razor.dll D:\T test\Echarts\Echarts\bin\System.Web.WebPages.Deployment.dll D:\T test\Echarts\Echarts\bin\System.Web.WebPages.dll D:\T test\Echarts\Echarts\bin\System.Web.WebPages.Razor.dll D:\T test\Echarts\Echarts\bin\WebGrease.dll D:\T test\Echarts\Echarts\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.xml D:\T test\Echarts\Echarts\bin\System.Web.Helpers.xml D:\T test\Echarts\Echarts\bin\System.Web.Mvc.xml D:\T test\Echarts\Echarts\bin\System.Web.Optimization.xml D:\T test\Echarts\Echarts\bin\System.Web.Razor.xml D:\T test\Echarts\Echarts\bin\System.Web.WebPages.xml D:\T test\Echarts\Echarts\bin\System.Web.WebPages.Deployment.xml D:\T test\Echarts\Echarts\bin\System.Web.WebPages.Razor.xml D:\T test\Echarts\Echarts\bin\Antlr3.Runtime.pdb D:\T test\Echarts\Echarts\bin\Newtonsoft.Json.xml D:\T test\Echarts\Echarts\bin\EntityFramework.xml D:\T test\Echarts\Echarts\bin\EntityFramework.SqlServer.xml D:\T test\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Core.xml D:\T test\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Owin.xml D:\T test\Echarts\Echarts\bin\Microsoft.AspNet.Identity.EntityFramework.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Host.SystemWeb.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Facebook.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Cookies.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.OAuth.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Google.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.Twitter.xml D:\T test\Echarts\Echarts\bin\Microsoft.Owin.Security.MicrosoftAccount.xml D:\T test\Echarts\Echarts\obj\Debug\Echarts.csprojResolveAssemblyReference.cache D:\T test\Echarts\Echarts\obj\Debug\Echarts.dll D:\T test\Echarts\Echarts\obj\Debug\Echarts.pdb D:\L 例程测试\Echarts\Echarts\bin\roslyn\csc.exe D:\L 例程测试\Echarts\Echarts\bin\roslyn\Microsoft.Build.Tasks.CodeAnalysis.dll D:\L 例程测试\Echarts\Echarts\bin\roslyn\Microsoft.CodeAnalysis.CSharp.dll D:\L 例程测试\Echarts\Echarts\bin\roslyn\Microsoft.CodeAnalysis.dll D:\L 例程测试\Echarts\Echarts\bin\roslyn\Microsoft.CodeAnalysis.VisualBasic.dll D:\L 例程测试\Echarts\Echarts\bin\roslyn\Microsoft.CSharp.Core.targets D:\L 例程测试\Echarts\Echarts\bin\roslyn\Microsoft.VisualBasic.Core.targets D:\L 例程测试\Echarts\Echarts\bin\roslyn\System.Collections.Immutable.dll D:\L 例程测试\Echarts\Echarts\bin\roslyn\System.Reflection.Metadata.dll D:\L 例程测试\Echarts\Echarts\bin\roslyn\vbc.exe D:\L 例程测试\Echarts\Echarts\bin\roslyn\VBCSCompiler.exe D:\L 例程测试\Echarts\Echarts\bin\roslyn\VBCSCompiler.exe.config D:\L 例程测试\Echarts\Echarts\bin\Echarts.dll.config D:\L 例程测试\Echarts\Echarts\bin\Echarts.dll D:\L 例程测试\Echarts\Echarts\bin\Echarts.pdb D:\L 例程测试\Echarts\Echarts\bin\Antlr3.Runtime.dll D:\L 例程测试\Echarts\Echarts\bin\EntityFramework.dll D:\L 例程测试\Echarts\Echarts\bin\EntityFramework.SqlServer.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Core.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.AspNet.Identity.EntityFramework.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Owin.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Host.SystemWeb.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.Cookies.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.Facebook.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.Google.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.MicrosoftAccount.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.OAuth.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Owin.Security.Twitter.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.Web.Infrastructure.dll D:\L 例程测试\Echarts\Echarts\bin\Newtonsoft.Json.dll D:\L 例程测试\Echarts\Echarts\bin\Owin.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.Helpers.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.Mvc.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.Optimization.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.Razor.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.WebPages.Deployment.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.WebPages.dll D:\L 例程测试\Echarts\Echarts\bin\System.Web.WebPages.Razor.dll D:\L 例程测试\Echarts\Echarts\bin\WebGrease.dll D:\L 例程测试\Echarts\Echarts\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.Helpers.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.Mvc.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.Optimization.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.Razor.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.WebPages.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.WebPages.Deployment.xml D:\L 例程测试\Echarts\Echarts\bin\System.Web.WebPages.Razor.xml D:\L 例程测试\Echarts\Echarts\bin\Antlr3.Runtime.pdb D:\L 例程测试\Echarts\Echarts\bin\Newtonsoft.Json.xml D:\L 例程测试\Echarts\Echarts\bin\EntityFramework.xml D:\L 例程测试\Echarts\Echarts\bin\EntityFramework.SqlServer.xml D:\L 例程测试\Echarts\Echarts\bin\Microsoft.AspNet.Identity.Core.xml D:\L 例程测试\Echar

评论收藏

内容反馈