echartDemo柱状图折线图详解_echarts点击柱状图弹出数据资源-CSDN下载

共482个文件

dll：162个

xml：111个

nupkg：53个

需积分: 50 174 浏览量 2018-10-12 15:25:16 上传评论 2 收藏 34.33MB 7Z 举报

ECharts 是一个由百度开发的开源JavaScript数据可视化库，它提供了丰富的图表类型，包括柱状图、折线图等，适用于各种Web应用中的数据展示。本教程将详细讲解如何使用ECharts来创建柱状图和折线图，以及在C#环境中如何与之交互。一、ECharts 概述 ECharts 是基于HTML5 Canvas技术实现的，支持多种浏览器，具有高度自定义和交互性。其主要特性包括：丰富的图表类型、灵活的数据支持、响应式设计、强大的交互性、多语言支持等。ECharts 提供了直观易用的API和配置项，使得开发者可以轻松地定制图表样式和行为。二、柱状图柱状图是一种常用的统计图表，用于比较不同类别的数据量。在ECharts中，我们可以通过以下步骤创建柱状图： 1. 引入ECharts库：在HTML文件中通过`<script>`标签引入ECharts的JavaScript文件。 2. 准备DOM容器：创建一个`div`元素作为图表的容器。 3. 初始化ECharts实例：使用`echarts.init()`方法初始化图表实例，传入刚才创建的DOM容器。 4. 配置项设置：通过`setOption()`方法设置图表的配置项，包括系列（series）、x轴（xAxis）、y轴（yAxis）等。 5. 绘制图表：调用`myChart.setOption(option)`，其中`myChart`是初始化得到的图表实例，`option`是配置对象。三、折线图折线图常用于展示数据随时间的变化趋势。在ECharts中创建折线图的步骤与柱状图类似，主要区别在于配置项的设置： 1. 系列（series）类型：将系列的`type`设置为`'line'`，表示创建折线图。 2. 数据格式：折线图的数据通常包含两个维度，例如时间轴和对应的数据值。 3. 轴线设置：根据需求配置x轴和y轴的类型，如日期轴、数值轴等。四、ECharts与C#结合在C#环境下，你可以通过服务器端生成数据并传递到前端。一种常见方式是通过AJAX请求获取JSON数据，然后在JavaScript中解析并用作ECharts的输入。例如： 1. C#服务器端：使用Json.NET库将数据序列化为JSON格式，并通过HTTP响应返回。 2. 前端JavaScript：使用`$.ajax`或`fetch`等方法发送请求获取数据，解析JSON并设置ECharts的`option`。五、示例代码以下是一个简单的ECharts柱状图和折线图的配置示例： ```javascript var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: '柱状图与折线图组合' }, tooltip: {}, legend: { data:['柱状图', '折线图'] }, xAxis: { data: ["类别1", "类别2", "类别3", "类别4", "类别5"] }, yAxis: {}, series: [ { name: '柱状图', type: 'bar', data: [5, 20, 36, 10, 10] }, { name: '折线图', type: 'line', data: [15, 25, 30, 15, 20], smooth: true } ] }; myChart.setOption(option); ``` 六、进一步学习要深入学习ECharts，你可以参考官方文档（http://echarts.baidu.com/），了解更多的图表类型、组件和交互功能。同时，结合博客文章（https://blog.csdn.net/aiming66/article/details/83025748）中的实例，实践操作以巩固理论知识。总结，ECharts是一个强大且灵活的JavaScript数据可视化工具，适合在C#环境下与前端页面进行数据交互，创建出各种类型的图表，如柱状图和折线图，帮助用户更好地理解、分析和展示数据。通过学习ECharts的API和配置项，开发者可以定制出满足项目需求的个性化图表。

资源推荐

资源详情

资源评论

收起资源包目录

echartDemo柱状图折线图详解（482个子文件）

Global.asax 103B

echartsDemo.csprojResolveAssemblyReference.cache 207KB

DesignTimeResolveAssemblyReferencesInput.cache 16KB

applicationhost.config 81KB

ApplicationInsights.config 6KB

echartsDemo.dll.config 5KB

Web.config 5KB

packages.config 5KB

Web.config 2KB

Web.Release.config 1KB

Web.Debug.config 1KB

VBCSCompiler.exe.config 563B

EchartsBarController.cs 7KB

IdentityConfig.cs 4KB

Startup.Auth.cs 3KB

AccountViewModels.cs 3KB

ManageViewModels.cs 3KB

AssemblyInfo.cs 1KB

IdentityModels.cs 1KB

BundleConfig.cs 1KB

RouteConfig.cs 610B

Global.asax.cs 593B

Startup.cs 288B

FilterConfig.cs 279B

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

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

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

Index.cshtml 3KB

_Layout.cshtml 2KB

_LoginPartial.cshtml 907B

Lockout.cshtml 229B

_LayoutPageForEcharts.cshtml 213B

Error.cshtml 201B

_ViewStart.cshtml 57B

echartsDemo.csproj 18KB

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.AI.Agent.Intercept.dll 1.76MB

Microsoft.AI.Agent.Intercept.dll 1.75MB

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

Microsoft.ApplicationInsights.dll 162KB

Microsoft.ApplicationInsights.dll 161KB

Microsoft.ApplicationInsights.dll 159KB

Microsoft.ApplicationInsights.dll 157KB

System.Web.Helpers.dll 137KB

Microsoft.Owin.Host.SystemWeb.dll 130KB

Antlr3.Runtime.dll 101KB

Microsoft.Owin.dll 99KB

Microsoft.AI.ServerTelemetryChannel.dll 85KB

Microsoft.AI.ServerTelemetryChannel.dll 83KB

共 482 条

D:\git\echarts\echartsDemo\echartsDemo\bin\ApplicationInsights.config D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\csc.exe D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\Microsoft.Build.Tasks.CodeAnalysis.dll D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\Microsoft.CodeAnalysis.CSharp.dll D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\Microsoft.CodeAnalysis.dll D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\Microsoft.CodeAnalysis.VisualBasic.dll D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\Microsoft.CSharp.Core.targets D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\Microsoft.VisualBasic.Core.targets D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\System.Collections.Immutable.dll D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\System.Reflection.Metadata.dll D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\vbc.exe D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\VBCSCompiler.exe D:\git\echarts\echartsDemo\echartsDemo\bin\roslyn\VBCSCompiler.exe.config D:\git\echarts\echartsDemo\echartsDemo\bin\echartsDemo.dll.config D:\git\echarts\echartsDemo\echartsDemo\bin\echartsDemo.dll D:\git\echarts\echartsDemo\echartsDemo\bin\echartsDemo.pdb D:\git\echarts\echartsDemo\echartsDemo\bin\Antlr3.Runtime.dll D:\git\echarts\echartsDemo\echartsDemo\bin\EntityFramework.dll D:\git\echarts\echartsDemo\echartsDemo\bin\EntityFramework.SqlServer.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.Agent.Intercept.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.DependencyCollector.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.PerfCounterCollector.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.ServerTelemetryChannel.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.Web.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.WindowsServer.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.ApplicationInsights.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AspNet.Identity.Core.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AspNet.Identity.EntityFramework.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AspNet.Identity.Owin.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Host.SystemWeb.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Cookies.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Facebook.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Google.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.MicrosoftAccount.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.OAuth.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Twitter.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Web.Infrastructure.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Newtonsoft.Json.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Owin.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Helpers.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Mvc.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Optimization.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Razor.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.WebPages.Deployment.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.WebPages.dll D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.WebPages.Razor.dll D:\git\echarts\echartsDemo\echartsDemo\bin\WebGrease.dll D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.DependencyCollector.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.ServerTelemetryChannel.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.Web.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AI.WindowsServer.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.ApplicationInsights.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Helpers.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Mvc.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Optimization.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.Razor.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.WebPages.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.WebPages.Deployment.xml D:\git\echarts\echartsDemo\echartsDemo\bin\System.Web.WebPages.Razor.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Antlr3.Runtime.pdb D:\git\echarts\echartsDemo\echartsDemo\bin\Newtonsoft.Json.xml D:\git\echarts\echartsDemo\echartsDemo\bin\EntityFramework.xml D:\git\echarts\echartsDemo\echartsDemo\bin\EntityFramework.SqlServer.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AspNet.Identity.Core.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AspNet.Identity.Owin.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.AspNet.Identity.EntityFramework.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Host.SystemWeb.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Facebook.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Cookies.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.OAuth.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Google.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.Twitter.xml D:\git\echarts\echartsDemo\echartsDemo\bin\Microsoft.Owin.Security.MicrosoftAccount.xml D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.Helpers.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.Mvc.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.Optimization.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.Razor.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.WebPages.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.WebPages.Deployment.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\System.Web.WebPages.Razor.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\EntityFramework.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\EntityFramework.SqlServer.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.AspNet.Identity.Core.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.AspNet.Identity.Owin.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.AspNet.Identity.EntityFramework.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.Host.SystemWeb.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.Security.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.Security.Facebook.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.Security.Google.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.Security.Twitter.resources.dll D:\git\echarts\echartsDemo\echartsDemo\bin\zh-Hans\Microsoft.Owin.Security.MicrosoftAccount.resources.dll D:\git\echarts\echartsDemo\echartsDemo\obj\Debug\echartsDemo.csprojResolveAssemblyReference.cache D:\git\echarts\echartsDemo\echartsDemo\obj\Debug\echartsDemo.dll D:\git\echarts\echartsDemo\echartsDemo\obj\Debug\echartsDemo.pdb

评论收藏

内容反馈