好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

incubator-echarts

incubator-echarts 介绍

ECharts

基于Canvas,纯JavaScript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了 用户 体验,赋予了 用户 对数据进行挖掘、整合的能力。

———— 大数据时代,重新定义数据图表的时候到了

Architecture

ECharts (Enterprise Charts 商业产品图表库)

提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例, 提示 ,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时 支持 任意维度的堆积和多图表混合展现。

特色

我们诚挚邀请你翻阅这份在线文档 《?Why ECharts ??》 你可以从中更直观的体验到ECharts的特性以及 快速 浏览到所有图表类型。

*文档中展现的个别特性在IE8-中并没有得到 支持 ,所以建议使用IE9+、chrome、safari、firefox或opear等高级浏览器阅读这份文档。

混搭

混搭的图表会更具表现力也更有趣味,ECharts提供的图表(共9类14种) 支持 任意混搭:

折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、 饼图(环形图)、雷达图、地图、和弦图、力导布局图。

混搭情况下 一个 标准图表:包含唯一图例、工具箱、数据区域缩放、值域漫游模块, 一个 直角坐标系(可包含一条或多条类目轴线,一条或多条值轴线,最多上下左右四条)

拖拽重计算

拖拽重计算特性(专利)带来了数据 统计 图表从未有过的 用户 体验,允许 用户 对 统计 数据进行有效的 提取 、整合,甚至在多个图表间交换数据,赋予了 用户 对数据进行挖掘、整合的能力。

数据视图

如果你所呈现的数据足够让 用户 所关心,那么他们将不满足于查看可视化的图表,要去逐一迎合他们下载保存,数据 分享 ,加工整合已有数据等等需求?

或许你只要给予 一个 “,”分隔的数据文本他们就懂了,这就是ECharts的数据视图!当然,你可以重载数据视图的 输出 方法 ,用你独特的方式去呈现数据。

如果你的 用户 足够的高端,你甚至可以打开数据视图的编辑 功能 ,跟拖拽重计算相比,这可是批量的数据 修改 !

动态类型切换

很多图表类型本身所表现的能力是相似的,但由于数据差异、表现需求和个人喜好的不同导致最终图表所呈现的张力又大不一样,比如折线图和柱状图的选择,系列数据是堆叠还是平铺总是让人头疼。

ECharts提供了动态类型切换,让 用户 随心所欲的切换到他所需要的图表类型和堆叠状态。

图例开关

多系列数据的同时展现呈现出丰富 内容 ,但如何让 用户 切换到他所关心的个别系列上?

ECharts提供了方便快捷的多维度图例开关,可以随时切换到你所关心的数据系列。

数据区域选择

数据可以是无限的,但 显示 空间总是有限的,数据区域选择组件提供了大数据量中漫游的能力,让 用户 选择并呈现他所关心的数据区域。

配合随动的均值(极值)标线,标注展现强大的数据剖析能力。

多图联动

多系列数据在同 一个 直角系内同时展现有时候会产生混乱,但他们又存在极强的关联意义不可分离?

ECharts提供了多图联动的能力(connect),能做的可不仅仅是鼠标划过的详情 显示 ,连接的多个图表会共享组件事件并且实现了保存 图片 时的 自动 拼接。

值域漫游

基于坐标的图表(如地图、散点图)通过色彩变化表现数值的大小能直观形象的展示数据分布。

但如何聚焦到我所关心的数值上?我们创造了称为值域漫游的 功能 ,让你可以轻松进行数值筛选。

炫光特效

我们知道,很多时候我们需要一些吸引眼球的能力。

ECharts 支持 标注标线的炫光特效,特别用在地图上轻松实现 百度 迁徙数据可视化特效

大规模散点图

如何展现成千上百万的离散数据从而找出他们的分布和聚类?貌似除了用专业的 统计 工具(如MATLAB)外别无选择?

不,ECharts发明了基于像素的大规模散点图(专利), 一个 900 x 400的散点区域就能够毫不重复的呈现36万组数据,这对于常规的应用,用现代浏览器就足以轻松展现百万级的散点数据!

动态数据 添加

如果你需要展示有实时变化的数据,相信这个动态接口会对你很有帮助。

标线辅助

趋势线?平均线?未来走势?修正值?有需求 用户 自然知道用意~

提供标线辅助在K线图中可是必要的 功能 !是的,K线图我们正在开发中~

多维度堆积

支持 多系列,多维度的数据堆积,配合 自动 伸缩的图形实体和直角坐标系,能呈现出更有内涵的 统计 图表~

子区域地图模式

地图类型 支持 world,china及全国34个省市自治区。同时 支持 子区域模式,通过主地图类型扩展出所包含的子区域地图,轻易 输出 全球176个国家地区和全国600多个省市区域简图。

Geojson地图扩展

内置地图由标准Geojson地理数据并经过高效的 压缩算法 压缩 生成 的地图数据(大小仅为标准geojson的30%左右)驱动而来。如果内置地图类型或数据如果并未满足你的项目需要,可通过简单动态 注册 产生你所需要的新类型。

个性化定制

500+个可配置选项结合多级控制设计满足高度定制的个性化需求。

事件交互

可以捕获的 用户 交互和数据变化事件实现图表与外界的联动。

网站地址 : http://echarts.apache.org/

GitHub: https://github.com/apache/incubator-echarts

网站描述: 百度 团队开发的一款商业级数据图表

incubator-echarts官方网站

官方网站: http://echarts.apache.org/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于incubator-echarts的详细内容...

  阅读:30次

上一篇

下一篇

第1节:dc.js    第2节:Chartkick    第3节:Tabulator    第4节:ganlab    第5节:github-profile-summary    第6节:anime    第7节:JSXGraph    第8节:sigma.js    第9节:doom-fire-algorithm    第10节:britecharts    第11节:deck-of-cards    第12节:awesome-d3    第13节:js-sequence-diagrams    第14节:nivo.js    第15节:skrollr    第16节:Planetary.js    第17节:GraphicsJS    第18节:G3D    第19节:incubator-echarts    第20节:Walkway.js    第21节:react-native-chart-kit    第22节:WebCola    第23节:gka    第24节:scrollreveal    第25节:Velocity.js    第26节:ichartjs    第27节:txt.wav    第28节:Ggraph    第29节:react-animations    第30节:CamanJS    第31节:ant-motion    第32节:Blotter.js    第33节:Chart    第34节:vivus.js    第35节:Paper.js    第36节:Flotr2    第37节:Vis.js    第38节:spirit    第39节:Chart.js    第40节:JS Charts    第41节:VexChords    第42节:vue-echarts-v3    第43节:popmotion.js    第44节:smoothie    第45节:Rough.js    第46节:wx-charts    第47节:vue-echarts    第48节:JsCharts    第49节:Sparky    第50节:svgomg    第51节:moveTo    第52节:lightweight-charts    第53节:Flot    第54节:flubber    第55节:morris.js    第56节:Cubism.js    第57节:dynamics.js    第58节:Plottable.js    第59节:SandDance    第60节:tween.js    第61节:RAWGraphs    第62节:spin.js    第63节:Chartist.js    第64节:vx    第65节:mxgraph    第66节:vue-trend    第67节:Dygraphs    第68节:quickchart    第69节:Bodymovin    第70节:Turf.js    第71节:Luma.GL    第72节:js2flowchart.js    第73节:G6    第74节:Rickshaw    第75节:mo.js    第76节:g2    第77节:pts.js    第78节:trianglify    第79节:shifty    第80节:recharts    第81节:markvis    第82节:MetricsGraphics.js    第83节:billboard.js    第84节:AwesomeChartJS    第85节:El Grapho    第86节:GreenSock-JS    第87节:VisualDL    第88节:cal-heatmap    第89节:tui.chart    第90节:TensorSpace.js    第91节:AmCharts    第92节:vizceral    第93节:crossfilter    第94节:Ronin    第95节:Fusioncharts    第96节:Processing.js    第97节:tauCharts    第98节:jspaint    第99节:Snap.svg    第100节:openlayers    第101节:Highcharts.js    第102节:GoJS    第103节:rete    第104节:inmap    第105节:tikzcd-editor    第106节:Frappé Charts    第107节:easy-pie-chart    第108节:jsplumb    第109节:sprite.js    第110节:ECharts    第111节:graphql-editor    第112节:granim.js    第113节:piecon    第114节:Fabric.js    第115节:zrender.js    第116节:hamburgers    第117节:Canvasjs    第118节:ola    第119节:apexcharts.js    第120节:maker.js    第121节:Graph Dracula    第122节:plotly.js    第123节:wunderbar    第124节:gpu.js    第125节:v-charts    第126节:model-viewer    第127节:zdog    第128节:Chartify    第129节:C3.js    第130节:Aristochart    第131节:hanzi-writer    第132节:Visual Alchemist    第133节:vue-amap    第134节:p5.js    第135节:anime.js    第136节:Paths.js    第137节:vs    第138节:cesium.js    第139节:echarts-gl    第140节:Birdseye    第141节:gl-matrix    第142节:WebPlotDigitizer    第143节:GraphiQL    第144节:SVG.js    第145节:d3.js    第146节:muze    第147节:animateplus    第148节:图表秀    第149节:F2.js    第150节:mapv    第151节:Raphael.js    第152节:nvd3.js    第153节:JSTS    第154节:medium-zoom    第155节:Envision.js    第156节:flowchart.js    第157节:Two.js    第158节:sheetsee.js    第159节:deck.GL    第160节:react-spring    第161节:KUTE.js    第162节:VisuAlgo    第163节:ONNX.js    第164节:Kline    第165节:Arbor.js    第166节:cytoscape.js    第167节:SVG-Morpheus    第168节:metabase