实例介绍
前段时间在网上看到ECharts这项技术,感觉他的功能非常强大,就去学习研究了下,这个是我练习折线图的实例,希望对各位有所帮助
【实例截图】
【核心代码】
TestSupervise
└── TestSupervise
├── TestSupervise
│ ├── bin
│ │ ├── Antlr3.Runtime.dll
│ │ ├── AspNet.ScriptManager.jQuery.dll
│ │ ├── AspNet.ScriptManager.jQuery.UI.Combined.dll
│ │ ├── DotNetOpenAuth.AspNet.dll
│ │ ├── DotNetOpenAuth.AspNet.xml
│ │ ├── DotNetOpenAuth.Core.dll
│ │ ├── DotNetOpenAuth.Core.xml
│ │ ├── DotNetOpenAuth.OAuth.Consumer.dll
│ │ ├── DotNetOpenAuth.OAuth.Consumer.xml
│ │ ├── DotNetOpenAuth.OAuth.dll
│ │ ├── DotNetOpenAuth.OAuth.xml
│ │ ├── DotNetOpenAuth.OpenId.dll
│ │ ├── DotNetOpenAuth.OpenId.RelyingParty.dll
│ │ ├── DotNetOpenAuth.OpenId.RelyingParty.xml
│ │ ├── DotNetOpenAuth.OpenId.xml
│ │ ├── EntityFramework.dll
│ │ ├── EntityFramework.xml
│ │ ├── Microsoft.AspNet.Membership.OpenAuth.dll
│ │ ├── Microsoft.AspNet.Web.Optimization.WebForms.dll
│ │ ├── Microsoft.ScriptManager.MSAjax.dll
│ │ ├── Microsoft.ScriptManager.WebForms.dll
│ │ ├── Microsoft.Web.Infrastructure.dll
│ │ ├── Microsoft.Web.Infrastructure.xml
│ │ ├── System.Web.Optimization.dll
│ │ ├── System.Web.Providers.dll
│ │ ├── TestSupervise.dll
│ │ ├── TestSupervise.pdb
│ │ ├── WebGrease.dll
│ │ └── zh-Hans
│ │ ├── EntityFramework.resources.dll
│ │ ├── Microsoft.AspNet.Membership.OpenAuth.resources.dll
│ │ ├── System.Web.Optimization.resources.dll
│ │ └── System.Web.Providers.resources.dll
│ ├── echarts2.2.3
│ │ ├── build
│ │ │ ├── dist
│ │ │ │ ├── chart
│ │ │ │ │ ├── bar.js
│ │ │ │ │ ├── chord.js
│ │ │ │ │ ├── eventRiver.js
│ │ │ │ │ ├── force.js
│ │ │ │ │ ├── funnel.js
│ │ │ │ │ ├── gauge.js
│ │ │ │ │ ├── k.js
│ │ │ │ │ ├── line.js
│ │ │ │ │ ├── map.js
│ │ │ │ │ ├── pie.js
│ │ │ │ │ ├── radar.js
│ │ │ │ │ ├── scatter.js
│ │ │ │ │ ├── tree.js
│ │ │ │ │ ├── treemap.js
│ │ │ │ │ ├── venn.js
│ │ │ │ │ └── wordCloud.js
│ │ │ │ ├── echarts-all.js
│ │ │ │ └── echarts.js
│ │ │ ├── echarts-optimize-conf.js
│ │ │ └── source
│ │ │ ├── chart
│ │ │ │ ├── bar.js
│ │ │ │ ├── chord.js
│ │ │ │ ├── eventRiver.js
│ │ │ │ ├── force.js
│ │ │ │ ├── funnel.js
│ │ │ │ ├── gauge.js
│ │ │ │ ├── k.js
│ │ │ │ ├── line.js
│ │ │ │ ├── map.js
│ │ │ │ ├── pie.js
│ │ │ │ ├── radar.js
│ │ │ │ ├── scatter.js
│ │ │ │ ├── tree.js
│ │ │ │ ├── treemap.js
│ │ │ │ ├── venn.js
│ │ │ │ └── wordCloud.js
│ │ │ ├── echarts-all.js
│ │ │ └── echarts.js
│ │ ├── extension
│ │ │ └── BMap
│ │ │ └── src
│ │ │ └── main.js
│ │ ├── LICENSE.txt
│ │ └── src
│ │ ├── chart
│ │ │ ├── bar.js
│ │ │ ├── base.js
│ │ │ ├── chord.js
│ │ │ ├── eventRiver.js
│ │ │ ├── force.js
│ │ │ ├── funnel.js
│ │ │ ├── gauge.js
│ │ │ ├── island.js
│ │ │ ├── k.js
│ │ │ ├── line.js
│ │ │ ├── map.js
│ │ │ ├── pie.js
│ │ │ ├── radar.js
│ │ │ ├── scatter.js
│ │ │ ├── tree.js
│ │ │ ├── treemap.js
│ │ │ ├── venn.js
│ │ │ └── wordCloud.js
│ │ ├── chart.js
│ │ ├── component
│ │ │ ├── axis.js
│ │ │ ├── base.js
│ │ │ ├── categoryAxis.js
│ │ │ ├── dataRange.js
│ │ │ ├── dataView.js
│ │ │ ├── dataZoom.js
│ │ │ ├── grid.js
│ │ │ ├── legend.js
│ │ │ ├── polar.js
│ │ │ ├── roamController.js
│ │ │ ├── timeline.js
│ │ │ ├── title.js
│ │ │ ├── toolbox.js
│ │ │ ├── tooltip.js
│ │ │ └── valueAxis.js
│ │ ├── component.js
│ │ ├── config.js
│ │ ├── data
│ │ │ ├── Graph.js
│ │ │ ├── KDTree.js
│ │ │ ├── quickSelect.js
│ │ │ └── Tree.js
│ │ ├── echarts.js
│ │ ├── layout
│ │ │ ├── Chord.js
│ │ │ ├── EdgeBundling.js
│ │ │ ├── eventRiver.js
│ │ │ ├── Force.js
│ │ │ ├── forceLayoutWorker.js
│ │ │ ├── Tree.js
│ │ │ ├── TreeMap.js
│ │ │ ├── WordCloud.js
│ │ │ └── WordCloudRectZero.js
│ │ ├── theme
│ │ │ ├── default.js
│ │ │ ├── infographic.js
│ │ │ └── macarons.js
│ │ └── util
│ │ ├── accMath.js
│ │ ├── coordinates.js
│ │ ├── date.js
│ │ ├── ecAnimation.js
│ │ ├── ecData.js
│ │ ├── ecEffect.js
│ │ ├── ecQuery.js
│ │ ├── kwargs.js
│ │ ├── mapData
│ │ │ ├── geoCoord.js
│ │ │ ├── geoJson
│ │ │ │ ├── an_hui_geo.js
│ │ │ │ ├── ao_men_geo.js
│ │ │ │ ├── bei_jing_geo.js
│ │ │ │ ├── china_geo.js
│ │ │ │ ├── chong_qing_geo.js
│ │ │ │ ├── fu_jian_geo.js
│ │ │ │ ├── gan_su_geo.js
│ │ │ │ ├── guang_dong_geo.js
│ │ │ │ ├── guang_xi_geo.js
│ │ │ │ ├── gui_zhou_geo.js
│ │ │ │ ├── hai_nan_geo.js
│ │ │ │ ├── he_bei_geo.js
│ │ │ │ ├── hei_long_jiang_geo.js
│ │ │ │ ├── he_nan_geo.js
│ │ │ │ ├── hu_bei_geo.js
│ │ │ │ ├── hu_nan_geo.js
│ │ │ │ ├── jiang_su_geo.js
│ │ │ │ ├── jiang_xi_geo.js
│ │ │ │ ├── ji_lin_geo.js
│ │ │ │ ├── liao_ning_geo.js
│ │ │ │ ├── nei_meng_gu_geo.js
│ │ │ │ ├── ning_xia_geo.js
│ │ │ │ ├── qing_hai_geo.js
│ │ │ │ ├── shan_dong_geo.js
│ │ │ │ ├── shang_hai_geo.js
│ │ │ │ ├── shan_xi_1_geo.js
│ │ │ │ ├── shan_xi_2_geo.js
│ │ │ │ ├── si_chuan_geo.js
│ │ │ │ ├── tai_wan_geo.js
│ │ │ │ ├── tian_jin_geo.js
│ │ │ │ ├── world_geo.js
│ │ │ │ ├── xiang_gang_geo.js
│ │ │ │ ├── xin_jiang_geo.js
│ │ │ │ ├── xi_zang_geo.js
│ │ │ │ ├── yun_nan_geo.js
│ │ │ │ └── zhe_jiang_geo.js
│ │ │ ├── params.js
│ │ │ ├── rawData
│ │ │ │ ├── encode.js
│ │ │ │ └── geoJson
│ │ │ │ ├── an_hui_geo.json
│ │ │ │ ├── ao_men_geo.json
│ │ │ │ ├── bei_jing_geo.json
│ │ │ │ ├── china_city.json
│ │ │ │ ├── china_geo.json
│ │ │ │ ├── chong_qing_geo.json
│ │ │ │ ├── fu_jian_geo.json
│ │ │ │ ├── gan_su_geo.json
│ │ │ │ ├── guang_dong_geo.json
│ │ │ │ ├── guang_xi_geo.json
│ │ │ │ ├── gui_zhou_geo.json
│ │ │ │ ├── hai_nan_geo.json
│ │ │ │ ├── he_bei_geo.json
│ │ │ │ ├── hei_long_jiang_geo.json
│ │ │ │ ├── he_nan_geo.json
│ │ │ │ ├── hu_bei_geo.json
│ │ │ │ ├── hu_nan_geo.json
│ │ │ │ ├── jiang_su_geo.json
│ │ │ │ ├── jiang_xi_geo.json
│ │ │ │ ├── ji_lin_geo.json
│ │ │ │ ├── liao_ning_geo.json
│ │ │ │ ├── nei_meng_gu_geo.json
│ │ │ │ ├── ning_xia_geo.json
│ │ │ │ ├── qing_hai_geo.json
│ │ │ │ ├── shan_dong_geo.json
│ │ │ │ ├── shang_hai_geo.json
│ │ │ │ ├── shan_xi_1_geo.json
│ │ │ │ ├── shan_xi_2_geo.json
│ │ │ │ ├── si_chuan_geo.json
│ │ │ │ ├── tai_wan_geo.json
│ │ │ │ ├── tian_jin_geo.json
│ │ │ │ ├── world_geo.json
│ │ │ │ ├── xiang_gang_geo.json
│ │ │ │ ├── xin_jiang_geo.json
│ │ │ │ ├── xi_zang_geo.json
│ │ │ │ ├── yun_nan_geo.json
│ │ │ │ └── zhe_jiang_geo.json
│ │ │ └── textFixed.js
│ │ ├── ndarray.js
│ │ ├── number.js
│ │ ├── projection
│ │ │ ├── albers.js
│ │ │ ├── mercator.js
│ │ │ ├── normal.js
│ │ │ └── svg.js
│ │ ├── shape
│ │ │ ├── Candle.js
│ │ │ ├── Chain.js
│ │ │ ├── Cross.js
│ │ │ ├── GaugePointer.js
│ │ │ ├── HalfSmoothPolygon.js
│ │ │ ├── HandlePolygon.js
│ │ │ ├── Icon.js
│ │ │ ├── MarkLine.js
│ │ │ ├── normalIsCover.js
│ │ │ ├── Ribbon.js
│ │ │ └── Symbol.js
│ │ ├── smartLogSteps.js
│ │ └── smartSteps.js
│ ├── EChartsLineDemo.aspx
│ ├── EChartsLineDemo.aspx.cs
│ ├── EChartsLineDemo.aspx.designer.cs
│ ├── Global.asax
│ ├── Global.asax.cs
│ ├── obj
│ │ └── Debug
│ │ ├── DesignTimeResolveAssemblyReferencesInput.cache
│ │ ├── TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs
│ │ ├── TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs
│ │ ├── TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs
│ │ ├── TestSupervise.csproj.FileListAbsolute.txt
│ │ ├── TestSupervise.csprojResolveAssemblyReference.cache
│ │ ├── TestSupervise.dll
│ │ └── TestSupervise.pdb
│ ├── Properties
│ │ └── AssemblyInfo.cs
│ ├── TestSupervise.csproj
│ ├── TestSupervise.csproj.user
│ ├── Web.config
│ ├── Web.Debug.config
│ └── Web.Release.config
├── TestSupervise.sln
└── TestSupervise.v11.suo
29 directories, 249 files
标签:
相关软件
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论