diff --git a/en/builder/echarts.html b/en/builder/echarts.html index 1fdaffe0a..bacbd49c6 100644 --- a/en/builder/echarts.html +++ b/en/builder/echarts.html @@ -64,7 +64,7 @@

'rollup': 'lib/rollup.browser', 'transformDev': 'lib/transform-dev-bundle' }, - urlArgs: 'v=1726627489024' + urlArgs: 'v=1726707777817' }); require(['build']); diff --git a/en/feature.html b/en/feature.html index d8db1fbc7..14c3d20e2 100644 --- a/en/feature.html +++ b/en/feature.html @@ -7,7 +7,7 @@ document.head.insertBefore(el, document.getElementById('font-hack')); } Features - Apache ECharts -

Please visit the official Apache ECharts Website at

https://echarts.apache.org
Visit Official Website
x

Features

Apache EChartsTM

Features

    Apache EChartsTM is an open-sourced JavaScript visualization tool, which can run fluently on PC and mobile devices. It is compatible with most modern Web Browsers, e.g., IE9/10/11, Chrome, Firefox, Safari and so on. ECharts depends on ZRender, a graphic rendering engine, to create intuitive, interactive, and highly-customizable charts.

    Abundant Chart Types

    The basic chart types ECharts supports include line series, bar series, scatter series, pie charts, candle-stick series, boxplot series for statistics, map series, heatmap series, lines series for directional information, graph series for relationships, treemap series, sunburst series, parallel series for multi-dimensional data, funnel series, gauge series. And it's extremely easy to create a combination of them with ECharts.

    Besides the built-in chart types, ECharts also provide the custom series for users to create a specific chart types. To use it, you should only pass in a callback function named renderItem, and return any graphic elements you wish to draw to according to the data. What makes it even better is that it can interact with the existing ECharts components and you don't have to worry about the interaction with them.

    If the default package size is too large for you, you can choose the chart types and components you need and download in the online builder.

    Multiple Data Format Ready-To-Use

    The built-in dataset attribute from ECharts v4.0 supports data formats including two-dimensional table, key-value object, and so on. The map from data to graphic can be easily set by the encode attribute. This is a more intuitive way to think when developing a chart, and it saves much time writing data-converting steps for developers. Futhermore, it saves memory since different components can share on piece of data rather than copying.

    ECharts supports TypedArray, which occupies less memory than array and is more garbage-collection-friendly. For big data visualization, it is suggested to use TypedArray to improve performance.

    Data Visualization of Tens of Millions on Web

    With the help of incremental rendering technique since v4.0 and optimization of all aspects, ECharts can display the visualization of tens of millions of data. What's more, interactions like scaling and transforming are fluent all the same.

    Tens of millions of data usually takes over hundreds of MB in memory. ECharts provide streaming data ability since v4.0 and makes it possible to render as much data as loaded from WebSocket. There is no need to wait for all data to be loaded to start rendering.


    Mobile Optimization

    ECharts has been carefully optimized for mobile interaction, such zooming and panning the coordinate system with your fingers on small screens. The PC users can also use the mouse wheel to do the same interaction.

    The fine-grained modularity and packaging mechanism allows ECharts to have a small package size on mobile, and the optional SVG rendering engine makes the memory cost of mobile much smaller.

    Multi-Rendering Solutions and Cross-Platform Support

    ECharts supports rendering charts in the form of Canvas, SVG (v4.0+), and VML. VML is compatible with lower versions of IE; SVG reduces the memory cost on mobiles; and Canvas can easily handle large data visualization and special rendering effects. Different rendering methods provide more choices, making ECharts perform better in different scenarios.

    In addition to PC and mobile browsers, ECharts can also be used with node-canvas on Node for efficient server-side rendering (SSR). And ECharts supports WeChat MiniProgram since v4.0.

    Community contributors also provide us with a lot of extensions for various languages. For example, pyecharts for Python, echarty for R, ECharts.jl for Julia and so on.

    We hope that the platform and language will not be the limit for everyone to use ECharts for visualization!

    Interactive Data Exploration In-Depth

    Interaction is an important means of mining information from data. Overview first, zoom filtering to view details as needed is a basic requirement for data visualization interaction.

    ECharts has been on the road of interaction. We have provided legend, visualMap, dataZoom, tooltip, brush and other ready-to-use interactive components, which can perform interactive operations such as multi-dimensional data screening, view zooming, and display details on the data.

    Multi-Dimensional Data Support and Rich Visual Coding

    ECharts 3 began to strengthen support for multi-dimensional data. In addition to the common multi-dimensional data visualization tools such as parallel coordinates, for traditional scatter plots, etc., the input data can also be multiple dimensions. With the rich visual coding provided by the visual mapping component visualMap, it is possible to map data of different dimensions to color, size, transparency, shading, etc. Different visual channels.

    Dynamic Data

    ECharts is driven by data, and changes in data drive changes in the chart. So the implementation of dynamic data has become extremely simple, just need to get the data, fill in the data, ECharts will find the difference between the two sets of data and then use the appropriate animation to represent the data changes. The timeline component can present data information in a higher time dimension.

    Special Effects

    ECharts provides eye-catching effects for the visualization of geographic data such as line data and point data.

    More Powerful and Beautiful 3D Visualization with GL

    Do you want to achieve 3D visualization in VR, large screen scenes? We provide WebGL-based ECharts GL. You can use ECharts GL to draw 3D Earth, buildings, and population distribution histograms as easily as ECharts common components. Furthermore, we also provide configuration items so that you can get artistic results with a few lines of configuration!


    Accessibility

    When we talk about visualization, we tend to naturally associate it with seeing, but it is one-sided. The W3C has developed the Accessible Rich Internet Applications Suite (WAI-ARIA), which aims to make web content and web applications accessible to more people with disabilities.

    ECharts 4.0 complies with this specification and supports automatic generation of descriptions based on chart configuration items, enabling people with visual disabilities to understand the chart content with the help of reading devices, so that charts can be accessed by more people!

    Copyright © 2017-2024, The Apache Software Foundation Apache ECharts, ECharts, Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the Apache Software Foundation.

    Loading...
    - + diff --git a/handbook/_nuxt/8baee5e.js b/handbook/_nuxt/c8269cf.js similarity index 98% rename from handbook/_nuxt/8baee5e.js rename to handbook/_nuxt/c8269cf.js index e2e398496..eb89e51ac 100644 --- a/handbook/_nuxt/8baee5e.js +++ b/handbook/_nuxt/c8269cf.js @@ -1 +1 @@ -!function(e){function c(data){for(var c,f,t=data[0],o=data[1],l=data[2],i=0,h=[];i/g,">").replace(/"/g,""").replace(/'/g,"'")),{lang:t,code:code}}(t.lang,n.value)}));return{rawCode:n,highlightResult:c}}}),Z=(n(243),Object(f.a)(U,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"md-code-block"},[n("div",{staticClass:"nuxt-content-highlight"},[n("pre",{class:"language-"+t.highlightResult.lang+" line-numbers"},[n("code",{domProps:{innerHTML:t._s(t.highlightResult.code)}})])]),t._v(" "),t.fileName?n("span",{staticClass:"filename"},[t._v(t._s(t.fileName))]):t._e(),t._v(" "),n("code-block-copy-clipboard",{attrs:{source:t.rawCode}})],1)}),[],!1,null,null,null).exports),I=(n(244),Object(l.c)({props:{link:String},setup:function(t){return{fullLink:Object(l.a)((function(){return h.a.optionPath+t.link}))}}})),A=Object(f.a)(I,(function(){var t=this,e=t.$createElement;return(t._self._c||e)("a",{attrs:{href:t.fullLink,target:"_blank"}},[t._v(t._s(t.link))])}),[],!1,null,null,null).exports;r.a.use(l.b),r.a.component("md-example",v),r.a.component("md-alert",z),r.a.component("md-live",N),r.a.component("md-code-block",Z),r.a.component("md-option",A),r.a.directive("observe-visibility",d.a);var G=n(246),J=n.n(G),V=n(302),F={"contents/en/basics/import.md":["plainheart","pissang","aimuz","ikeq","zachary-svoboda-accesso","btea"],"contents/en/basics/inspiration.md":["pissang","dbgee","plainheart"],"contents/en/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/en/basics/release-note/5-3-0.md":["Ovilia","pissang","plainheart"],"contents/en/basics/release-note/v5-feature.md":["pissang","plainheart","timonla"],"contents/en/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/en/best-practices/aria.md":["pissang","Ovilia","julien-deramond","zachary-svoboda-accesso"],"contents/en/best-practices/design/color-enhance.md":["pissang"],"contents/en/basics/release-note/v5-upgrade-guide.md":["plainheart","Ovilia","fuchunhui","pissang"],"contents/en/best-practices/canvas-vs-svg.md":["plainheart","pissang","mrbrianevans"],"contents/en/best-practices/mobile.md":["pissang"],"contents/en/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/en/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/en/best-practices/specification/funnel.md":["pissang"],"contents/en/best-practices/specification/gauge.md":["pissang"],"contents/en/best-practices/specification/line/stacked-area.md":["pissang"],"contents/en/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/en/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/en/best-practices/specification/scatter/scatter.md":["pissang"],"contents/en/best-practices/specification/radar.md":["pissang"],"contents/en/best-practices/specification/scatter/bubble.md":["pissang"],"contents/en/concepts/chart-size.md":["pissang","plainheart","ppd0705"],"contents/en/best-practices/specification/line/basic-line.md":["pissang"],"contents/en/concepts/event.md":["pissang","Ovilia","100pah"],"contents/en/best-practices/specification/line/area.md":["pissang"],"contents/en/concepts/dataset.md":["plainheart","pissang","Ovilia","100pah","Hertz-Hu","Bruce20190410","YuanyeChi","simonmcconnell"],"contents/en/concepts/legend.md":["pissang"],"contents/en/concepts/style.md":["plainheart","KrzysztofMadejski","pissang","fuchunhui","zachary-svoboda-accesso"],"contents/en/how-to/chart-types/line/area-line.md":["pissang"],"contents/.prettierrc":["pissang"],"contents/en/basics/download.md":["plainheart","Ovilia","pissang","zachary-svoboda-accesso"],"contents/en/basics/help.md":["plainheart","pissang"],"contents/en/concepts/visual-map.md":["KrzysztofMadejski","pissang"],"contents/en/get-started.md":["plainheart","Ovilia","randyl","pissang"],"contents/en/concepts/axis.md":["pissang"],"contents/en/how-to/animation/transition.md":["pissang"],"contents/en/concepts/data-transform.md":["plainheart","100pah","pissang","shangchen0531"],"contents/en/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang","Shofol"],"contents/en/how-to/chart-types/bar/stacked-bar.md":["pissang"],"contents/en/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang"],"contents/en/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/en/how-to/chart-types/bar/waterfall.md":["plainheart","pissang"],"contents/en/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/en/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang","omkar787"],"contents/en/how-to/chart-types/line/basic-line.md":["pissang"],"contents/en/how-to/chart-types/line/step-line.md":["pissang"],"contents/en/how-to/chart-types/pie/doughnut.md":["plainheart","pissang"],"contents/en/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/en/how-to/data/drilldown.md":["pissang"],"contents/en/how-to/data/dynamic-data.md":["yhoiseth","pissang","balloon72"],"contents/en/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang","balloon72"],"contents/en/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/en/how-to/label/rich-text.md":["plainheart","TSinChen","pissang"],"contents/en/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/en/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/en/posts.yml":["pissang","Ovilia"],"contents/en/meta/edit-guide.md":["pissang","plainheart"],"contents/zh/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/zh/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/zh/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/zh/basics/release-note/5-4-0.md":["Ovilia"],"contents/zh/basics/release-note/v5-upgrade-guide.md":["plainheart","pissang","Ovilia","fredricen"],"contents/zh/best-practices/design/color-enhance.md":["pissang"],"contents/zh/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/zh/best-practices/mobile.md":["pissang"],"contents/zh/basics/resource.md":["Ovilia","pissang"],"contents/zh/best-practices/specification/gauge.md":["pissang"],"contents/zh/concepts/axis.md":["pissang","Ovilia","plainheart","Essentric"],"contents/zh/concepts/chart-size.md":["pissang","Ovilia","plainheart","ppd0705"],"contents/zh/concepts/data-transform.md":["pissang","100pah","plainheart","idaibin","shangchen0531","meishijia"],"contents/zh/concepts/event.md":["pissang","Ovilia","plainheart","100pah"],"contents/zh/concepts/legend.md":["pissang","Ovilia","Geoffyscat"],"contents/zh/concepts/options.md":["Ovilia"],"contents/zh/concepts/series.md":["Ovilia"],"contents/zh/concepts/style.md":["pissang","plainheart","wangcheng0825","fuchunhui","1335951413"],"contents/zh/concepts/dataset.md":["plainheart","pissang","100pah","Ovilia"],"contents/zh/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/basics/help.md":["plainheart","Ovilia","100pah","pissang"],"contents/zh/basics/release-note/v5-feature.md":["plainheart","pissang","jiangmaniu","LuckyHookin"],"contents/zh/best-practices/specification/funnel.md":["pissang"],"contents/zh/best-practices/specification/line/area.md":["pissang"],"contents/zh/best-practices/specification/scatter/bubble.md":["pissang"],"contents/zh/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/zh/basics/import.md":["pissang","plainheart","michaelxiaohan","Ovilia","JobbyM","aimuz","vueadmin","gugujigua","btea","Yechuanjie"],"contents/zh/best-practices/specification/radar.md":["pissang"],"contents/zh/best-practices/specification/line/stacked-area.md":["pissang"],"contents/zh/best-practices/specification/line/basic-line.md":["pissang"],"contents/zh/basics/download.md":["pissang","plainheart","Ovilia","100pah"],"contents/zh/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/zh/best-practices/aria.md":["Ovilia","plainheart","pissang"],"contents/zh/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/zh/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/zh/best-practices/specification/scatter/scatter.md":["pissang"],"contents/zh/how-to/chart-types/line/area-line.md":["pissang"],"contents/zh/concepts/visual-map.md":["Ovilia","plainheart","pissang"],"contents/zh/best-practices/canvas-vs-svg.md":["plainheart","pissang","Chengxi9","btea"],"contents/zh/how-to/animation/transition.md":["pissang"],"contents/zh/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/zh/concepts/tooltip.md":["Ovilia"],"contents/zh/how-to/animation/universal-transition.md":["pissang"],"contents/zh/concepts/coordinate.md":["Ovilia"],"contents/zh/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang"],"contents/zh/basics/inspiration.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/how-to/chart-types/bar/stacked-bar.md":["ArisLittle","pissang"],"contents/zh/get-started.md":["Ovilia","pissang","zxx0006"],"contents/zh/how-to/connect.md":["pissang"],"contents/zh/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/en/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/how-to/chart-types/pie/doughnut.md":["pissang","guda-art"],"contents/zh/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang","tanjiasong005"],"contents/zh/how-to/label/rich-text.md":["plainheart","pissang"],"contents/zh/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang"],"contents/zh/meta/writing.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/zh/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang"],"contents/zh/how-to/mobile.md":["pissang"],"contents/zh/how-to/chart-types/line/step-line.md":["pissang"],"contents/zh/how-to/cross-platform/wechat-app.md":["pissang"],"contents/zh/how-to/data/dynamic-data.md":["ZonaHex","pissang","jishen027"],"contents/zh/how-to/cross-platform/baidu-app.md":["Ovilia","vincentbernat","pissang"],"contents/zh/posts.yml":["pissang","Ovilia"],"contents/zh/meta/edit-guide.md":["pissang","suisuiz"],"contents/zh/how-to/chart-types/bar/waterfall.md":["robyle","pissang"],"contents/zh/how-to/data/drilldown.md":["pissang"],"contents/zh/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/en/concepts/series.md":["huanghan01"],"contents/en/concepts/coordinate.md":["huanghan01"],"contents/en/concepts/tooltip.md":["huanghan01"],"contents/en/concepts/options.md":["huanghan01"]};n(143);var K=Object(l.c)({props:{path:String},setup:function(t){return{contributors:Object(l.a)((function(){return F["contents/".concat(t.path||"",".md")]})),sourcePath:Object(l.a)((function(){return(e=t.path).endsWith(".md")||(e+=".md"),n&&(e+="#".concat(decodeURIComponent(n))),"https://github.com/".concat(h.a.gitRepo,"/tree/master/contents/").concat(e);var e,n}))}}}),W=(n(303),Object(f.a)(K,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"post-contributors"},[n("h3",[n("span",{staticClass:"inline-block align-middle"},[t._v(t._s(t.$t("contributorsWithThisDocument")))]),t._v(" "),n("a",{staticClass:"inline-block align-middle text-sm",attrs:{target:"_blank",href:t.sourcePath,title:t.$t("editInThisDocumentTip")}},[n("svg",{staticClass:"h-8 w-8 inline-block align-middle",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"}},[n("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"}})]),t._v(" "),n("span",{staticClass:"inline-block align-middle"},[t._v(t._s(t.$t("editInGithub")))])])]),t._v(" "),t.contributors&&t.contributors.length?n("div",{staticClass:"post-contributors-list"},t._l(t.contributors,(function(e){return n("a",{key:e,staticClass:"post-contributor",attrs:{href:"https://github.com/"+e,target:"_blank"}},[n("img",{attrs:{alt:e,src:"https://avatars.githubusercontent.com/"+e+"?size=60",loading:"lazy"}}),t._v(" "),n("span",[t._v(t._s(e))])])})),0):t._e()])}),[],!1,null,null,null).exports),Y={functional:!0,props:{content:String},render:function(t,e){return t({template:"
    "+e.props.content+"
    "})}},Q=n(304),X=n.n(Q);function tt(t){return t.replace(/^```(\w+?)\s+live\s*({.*?})?\s*?\n([\s\S]+?)^```/gm,(function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"js",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"{}",code=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";e=e.trim(),n=n.trim()||"{}";var c=x.b(code.trim(),!0);return'')}))}function et(t){return t.replace(/^```(\w+?)\s*({.*?})?\s*?\n([\s\S]+?)^```/gm,(function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"js",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",code=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";e=e.trim();var c=x.b(code.trim(),!0);return'")}))}function nt(t,e){return["optionPath","mainSitePath","exampleViewPath","exampleEditorPath"].forEach((function(p){var n=h.a[p].replace("${lang}",e);t=t.replace(new RegExp("\\$\\{"+p+"\\}","g"),n)})),t=t.replace(/\$\{lang\}/g,e)}function at(s){return encodeURIComponent(String(s).trim().toLowerCase().replace(/[\s+:]/g,"-"))}function st(t,e){for(var n,i=0,c=t.length;i/g,">").replace(/"/g,""").replace(/'/g,"'")),{lang:t,code:code}}(t.lang,n.value)}));return{rawCode:n,highlightResult:c}}}),Z=(n(243),Object(f.a)(U,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"md-code-block"},[n("div",{staticClass:"nuxt-content-highlight"},[n("pre",{class:"language-"+t.highlightResult.lang+" line-numbers"},[n("code",{domProps:{innerHTML:t._s(t.highlightResult.code)}})])]),t._v(" "),t.fileName?n("span",{staticClass:"filename"},[t._v(t._s(t.fileName))]):t._e(),t._v(" "),n("code-block-copy-clipboard",{attrs:{source:t.rawCode}})],1)}),[],!1,null,null,null).exports),I=(n(244),Object(l.c)({props:{link:String},setup:function(t){return{fullLink:Object(l.a)((function(){return h.a.optionPath+t.link}))}}})),A=Object(f.a)(I,(function(){var t=this,e=t.$createElement;return(t._self._c||e)("a",{attrs:{href:t.fullLink,target:"_blank"}},[t._v(t._s(t.link))])}),[],!1,null,null,null).exports;r.a.use(l.b),r.a.component("md-example",v),r.a.component("md-alert",z),r.a.component("md-live",N),r.a.component("md-code-block",Z),r.a.component("md-option",A),r.a.directive("observe-visibility",d.a);var G=n(246),J=n.n(G),V=n(302),F={"contents/en/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/en/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang"],"contents/en/how-to/chart-types/line/basic-line.md":["pissang"],"contents/en/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/en/how-to/chart-types/pie/doughnut.md":["plainheart","pissang"],"contents/en/how-to/chart-types/bar/stacked-bar.md":["pissang"],"contents/en/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/en/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/en/how-to/data/drilldown.md":["pissang"],"contents/en/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/zh/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/zh/basics/import.md":["pissang","plainheart","michaelxiaohan","Ovilia","JobbyM","aimuz","vueadmin","gugujigua","btea","Yechuanjie"],"contents/zh/basics/help.md":["plainheart","Ovilia","100pah","pissang"],"contents/zh/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/zh/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/zh/best-practices/aria.md":["Ovilia","plainheart","pissang"],"contents/zh/best-practices/canvas-vs-svg.md":["plainheart","pissang","Chengxi9","btea"],"contents/zh/basics/release-note/v5-feature.md":["plainheart","pissang","jiangmaniu","LuckyHookin"],"contents/zh/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/zh/best-practices/specification/scatter/bubble.md":["pissang"],"contents/zh/basics/resource.md":["Ovilia","pissang"],"contents/zh/best-practices/specification/line/area.md":["pissang"],"contents/en/basics/import.md":["plainheart","pissang","aimuz","ikeq","zachary-svoboda-accesso","btea"],"contents/.prettierrc":["pissang"],"contents/en/basics/release-note/v5-feature.md":["pissang","plainheart","timonla"],"contents/en/basics/release-note/v5-upgrade-guide.md":["plainheart","Ovilia","fuchunhui","pissang"],"contents/en/basics/inspiration.md":["pissang","dbgee","plainheart"],"contents/en/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/en/concepts/event.md":["pissang","Ovilia","100pah"],"contents/en/how-to/chart-types/bar/waterfall.md":["plainheart","pissang"],"contents/zh/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/concepts/visual-map.md":["KrzysztofMadejski","pissang"],"contents/en/concepts/data-transform.md":["plainheart","100pah","pissang","shangchen0531"],"contents/zh/concepts/data-transform.md":["pissang","100pah","plainheart","idaibin","shangchen0531","meishijia"],"contents/en/basics/help.md":["plainheart","pissang"],"contents/en/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/en/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/en/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/best-practices/design/color-enhance.md":["pissang"],"contents/en/basics/release-note/5-3-0.md":["Ovilia","pissang","plainheart"],"contents/en/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/en/best-practices/aria.md":["pissang","Ovilia","julien-deramond","zachary-svoboda-accesso"],"contents/en/best-practices/specification/funnel.md":["pissang"],"contents/en/best-practices/canvas-vs-svg.md":["plainheart","pissang","mrbrianevans"],"contents/en/concepts/axis.md":["pissang"],"contents/en/concepts/chart-size.md":["pissang","plainheart","ppd0705"],"contents/en/best-practices/specification/line/area.md":["pissang"],"contents/en/concepts/legend.md":["pissang"],"contents/en/best-practices/specification/gauge.md":["pissang"],"contents/en/best-practices/mobile.md":["pissang"],"contents/en/basics/download.md":["plainheart","Ovilia","pissang","zachary-svoboda-accesso"],"contents/en/best-practices/specification/line/stacked-area.md":["pissang"],"contents/en/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/en/best-practices/specification/radar.md":["pissang"],"contents/zh/concepts/coordinate.md":["Ovilia"],"contents/en/how-to/data/dynamic-data.md":["yhoiseth","pissang","balloon72"],"contents/en/how-to/label/rich-text.md":["plainheart","TSinChen","pissang"],"contents/zh/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/zh/concepts/options.md":["Ovilia"],"contents/zh/concepts/style.md":["pissang","plainheart","wangcheng0825","fuchunhui","1335951413"],"contents/zh/concepts/series.md":["Ovilia"],"contents/zh/concepts/dataset.md":["plainheart","pissang","100pah","Ovilia"],"contents/en/how-to/animation/transition.md":["pissang"],"contents/zh/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/zh/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/en/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang","balloon72"],"contents/en/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/best-practices/specification/scatter/scatter.md":["pissang"],"contents/en/meta/edit-guide.md":["pissang","plainheart"],"contents/en/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/zh/best-practices/design/color-enhance.md":["pissang"],"contents/en/how-to/chart-types/line/step-line.md":["pissang"],"contents/zh/basics/release-note/v5-upgrade-guide.md":["plainheart","pissang","Ovilia","fredricen"],"contents/zh/basics/inspiration.md":["Ovilia","pissang"],"contents/zh/best-practices/mobile.md":["pissang"],"contents/en/best-practices/specification/line/basic-line.md":["pissang"],"contents/zh/best-practices/specification/gauge.md":["pissang"],"contents/en/posts.yml":["pissang","Ovilia"],"contents/en/get-started.md":["plainheart","Ovilia","randyl","pissang"],"contents/en/concepts/style.md":["plainheart","KrzysztofMadejski","pissang","fuchunhui","zachary-svoboda-accesso"],"contents/en/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/best-practices/specification/scatter/bubble.md":["pissang"],"contents/en/how-to/chart-types/line/area-line.md":["pissang"],"contents/zh/best-practices/specification/line/basic-line.md":["pissang"],"contents/en/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang","omkar787"],"contents/en/best-practices/specification/scatter/scatter.md":["pissang"],"contents/zh/best-practices/specification/funnel.md":["pissang"],"contents/zh/concepts/axis.md":["pissang","Ovilia","plainheart","Essentric"],"contents/zh/best-practices/specification/radar.md":["pissang"],"contents/en/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang","Shofol"],"contents/zh/best-practices/specification/line/stacked-area.md":["pissang"],"contents/zh/basics/download.md":["pissang","plainheart","Ovilia","100pah"],"contents/zh/concepts/chart-size.md":["pissang","Ovilia","plainheart","ppd0705"],"contents/zh/concepts/tooltip.md":["Ovilia"],"contents/zh/how-to/animation/transition.md":["pissang"],"contents/zh/get-started.md":["Ovilia","pissang","zxx0006"],"contents/zh/concepts/visual-map.md":["Ovilia","plainheart","pissang"],"contents/zh/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang","tanjiasong005"],"contents/zh/how-to/chart-types/bar/waterfall.md":["robyle","pissang"],"contents/zh/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/zh/how-to/chart-types/bar/stacked-bar.md":["ArisLittle","pissang"],"contents/zh/how-to/chart-types/line/area-line.md":["pissang"],"contents/zh/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/how-to/chart-types/line/step-line.md":["pissang"],"contents/zh/how-to/chart-types/pie/doughnut.md":["pissang","guda-art"],"contents/zh/concepts/event.md":["pissang","Ovilia","plainheart","100pah"],"contents/zh/concepts/legend.md":["pissang","Ovilia","Geoffyscat"],"contents/zh/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/zh/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/how-to/cross-platform/baidu-app.md":["Ovilia","vincentbernat","pissang"],"contents/zh/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang"],"contents/zh/how-to/animation/universal-transition.md":["pissang"],"contents/zh/how-to/connect.md":["pissang"],"contents/zh/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/zh/how-to/label/rich-text.md":["plainheart","pissang"],"contents/zh/meta/writing.md":["Ovilia","pissang"],"contents/en/concepts/dataset.md":["plainheart","pissang","Ovilia","100pah","Hertz-Hu","Bruce20190410","YuanyeChi","simonmcconnell"],"contents/zh/posts.yml":["pissang","Ovilia"],"contents/zh/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang"],"contents/zh/meta/edit-guide.md":["pissang","suisuiz"],"contents/zh/how-to/data/dynamic-data.md":["ZonaHex","pissang","jishen027"],"contents/zh/how-to/cross-platform/wechat-app.md":["pissang"],"contents/zh/how-to/data/drilldown.md":["pissang"],"contents/zh/how-to/mobile.md":["pissang"],"contents/en/concepts/options.md":["huanghan01"],"contents/en/concepts/series.md":["huanghan01"],"contents/en/concepts/coordinate.md":["huanghan01"],"contents/en/concepts/tooltip.md":["huanghan01"]};n(143);var K=Object(l.c)({props:{path:String},setup:function(t){return{contributors:Object(l.a)((function(){return F["contents/".concat(t.path||"",".md")]})),sourcePath:Object(l.a)((function(){return(e=t.path).endsWith(".md")||(e+=".md"),n&&(e+="#".concat(decodeURIComponent(n))),"https://github.com/".concat(h.a.gitRepo,"/tree/master/contents/").concat(e);var e,n}))}}}),W=(n(303),Object(f.a)(K,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"post-contributors"},[n("h3",[n("span",{staticClass:"inline-block align-middle"},[t._v(t._s(t.$t("contributorsWithThisDocument")))]),t._v(" "),n("a",{staticClass:"inline-block align-middle text-sm",attrs:{target:"_blank",href:t.sourcePath,title:t.$t("editInThisDocumentTip")}},[n("svg",{staticClass:"h-8 w-8 inline-block align-middle",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"}},[n("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"}})]),t._v(" "),n("span",{staticClass:"inline-block align-middle"},[t._v(t._s(t.$t("editInGithub")))])])]),t._v(" "),t.contributors&&t.contributors.length?n("div",{staticClass:"post-contributors-list"},t._l(t.contributors,(function(e){return n("a",{key:e,staticClass:"post-contributor",attrs:{href:"https://github.com/"+e,target:"_blank"}},[n("img",{attrs:{alt:e,src:"https://avatars.githubusercontent.com/"+e+"?size=60",loading:"lazy"}}),t._v(" "),n("span",[t._v(t._s(e))])])})),0):t._e()])}),[],!1,null,null,null).exports),Y={functional:!0,props:{content:String},render:function(t,e){return t({template:"
    "+e.props.content+"
    "})}},Q=n(304),X=n.n(Q);function tt(t){return t.replace(/^```(\w+?)\s+live\s*({.*?})?\s*?\n([\s\S]+?)^```/gm,(function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"js",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"{}",code=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";e=e.trim(),n=n.trim()||"{}";var c=x.b(code.trim(),!0);return'')}))}function et(t){return t.replace(/^```(\w+?)\s*({.*?})?\s*?\n([\s\S]+?)^```/gm,(function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"js",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",code=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";e=e.trim();var c=x.b(code.trim(),!0);return'")}))}function nt(t,e){return["optionPath","mainSitePath","exampleViewPath","exampleEditorPath"].forEach((function(p){var n=h.a[p].replace("${lang}",e);t=t.replace(new RegExp("\\$\\{"+p+"\\}","g"),n)})),t=t.replace(/\$\{lang\}/g,e)}function at(s){return encodeURIComponent(String(s).trim().toLowerCase().replace(/[\s+:]/g,"-"))}function st(t,e){for(var n,i=0,c=t.length;i - Download ECharts - Basics - Handbook - Apache ECharts + Download ECharts - Basics - Handbook - Apache ECharts -

    Get Apache ECharts

    Apache ECharts offers a variety of installation options, so you can choose any of the following options depending on your project.

    • Install From npm
    • Use From CDN
    • Download From GitHub
    • Online Customization

    We'll go over each of these installation methods and the directory structure after download.

    Installation

    Install From npm

    npm install echarts

    See Import ECharts for details on usage.

    Use From CDN

    ECharts is available on the following free CDNs:

    Download From GitHub

    You can find links to each version on the releases page of the apache/echarts project. Click on the Source code under Assets at the bottom of the desired release version. After downloading, unzip the file and locate echarts.js file in the dist folder to include the full ECharts functionality.

    Online Customization

    If you want to introduce only some modules to reduce package size, you can use the ECharts online customization function to create a customized download of ECharts.

    Contributors Edit this page on GitHub

    plainheart plainheartOvilia Oviliapissang pissangzachary-svoboda-accesso zachary-svoboda-accesso
    +

    Get Apache ECharts

    Apache ECharts offers a variety of installation options, so you can choose any of the following options depending on your project.

    • Install From npm
    • Use From CDN
    • Download From GitHub
    • Online Customization

    We'll go over each of these installation methods and the directory structure after download.

    Installation

    Install From npm

    npm install echarts

    See Import ECharts for details on usage.

    Use From CDN

    ECharts is available on the following free CDNs:

    Download From GitHub

    You can find links to each version on the releases page of the apache/echarts project. Click on the Source code under Assets at the bottom of the desired release version. After downloading, unzip the file and locate echarts.js file in the dist folder to include the full ECharts functionality.

    Online Customization

    If you want to introduce only some modules to reduce package size, you can use the ECharts online customization function to create a customized download of ECharts.

    Contributors Edit this page on GitHub

    plainheart plainheartOvilia Oviliapissang pissangzachary-svoboda-accesso zachary-svoboda-accesso
    diff --git a/handbook/en/basics/help/index.html b/handbook/en/basics/help/index.html index d6e3abbac..588aaafca 100644 --- a/handbook/en/basics/help/index.html +++ b/handbook/en/basics/help/index.html @@ -4,10 +4,10 @@ - Get Help - Basics - Handbook - Apache ECharts + Get Help - Basics - Handbook - Apache ECharts -

    Get Help

    Technical Problems

    Make sure that existing documentation do not solve your problem

    ECharts has a very large number of users, so it's more than likely that someone else has encountered and solved the problem you've had. By reading the documentation and using the search engine, you can solve your problem quickly by yourself without help from the community.

    Therefore, before doing anything else, make sure that current documentation and other resources can't solve your problem. Resources that can be helpful for you include,

    Create the Minimal Reproducible Demo

    Create an example on Official Editor, CodePen, CodeSandbox or JSFiddle, which will make it easier for others to reproduce your problem.

    The example should reproduce your problem in the simplest way. Removing unnecessary code and data can enable those who want to help you to locate and then solve the problem more quickly. Please refer to How to Create a Minimal, Reproducible Example for more details.

    Determining if It's a Bug

    Report a Bug or Request a New Feature

    If some behavior is different from the documentation or isn't what you expected, it's probably a bug. If it's a bug, or you have a feature request, please use the issue template to create a new issue and describe it in detail as per the prompts.

    How-To Questions

    If it's not a bug, but you don't know how to achieve something, try the stackoverflow.com

    If you don't get an answer, you can also send an email to dev@echarts.apache.org. In order for more people to understand your question and to get help in future searches, it is highly recommended to write the email in English.

    Non-technical questions

    For other non-technical questions, you can send an email in English to dev@echarts.apache.org.

    Contributors Edit this page on GitHub

    plainheart plainheartpissang pissang
    +

    Get Help

    Technical Problems

    Make sure that existing documentation do not solve your problem

    ECharts has a very large number of users, so it's more than likely that someone else has encountered and solved the problem you've had. By reading the documentation and using the search engine, you can solve your problem quickly by yourself without help from the community.

    Therefore, before doing anything else, make sure that current documentation and other resources can't solve your problem. Resources that can be helpful for you include,

    Create the Minimal Reproducible Demo

    Create an example on Official Editor, CodePen, CodeSandbox or JSFiddle, which will make it easier for others to reproduce your problem.

    The example should reproduce your problem in the simplest way. Removing unnecessary code and data can enable those who want to help you to locate and then solve the problem more quickly. Please refer to How to Create a Minimal, Reproducible Example for more details.

    Determining if It's a Bug

    Report a Bug or Request a New Feature

    If some behavior is different from the documentation or isn't what you expected, it's probably a bug. If it's a bug, or you have a feature request, please use the issue template to create a new issue and describe it in detail as per the prompts.

    How-To Questions

    If it's not a bug, but you don't know how to achieve something, try the stackoverflow.com

    If you don't get an answer, you can also send an email to dev@echarts.apache.org. In order for more people to understand your question and to get help in future searches, it is highly recommended to write the email in English.

    Non-technical questions

    For other non-technical questions, you can send an email in English to dev@echarts.apache.org.

    Contributors Edit this page on GitHub

    plainheart plainheartpissang pissang
    diff --git a/handbook/en/basics/import/index.html b/handbook/en/basics/import/index.html index 2b00fe44d..2105aa84b 100644 --- a/handbook/en/basics/import/index.html +++ b/handbook/en/basics/import/index.html @@ -4,7 +4,7 @@ - Import ECharts - Basics - Handbook - Apache ECharts + Import ECharts - Basics - Handbook - Apache ECharts

    Using ECharts as an NPM Package

    There are two approaches to using ECharts as a package. The simplest approach is to make all functionality immediately available by importing from echarts. However, it is encouraged to substantially decrease bundle size by only importing as necessary such as echarts/core and echarts/charts.

    Install ECharts via NPM

    You can install ECharts via npm using the following command

    npm install echarts

    Import All ECharts Functionality

    To include all of ECharts, we simply need to import echarts.

    import * as echarts from 'echarts';
@@ -126,7 +126,7 @@
 
 const option: ECOption = {
   // ...
-};

    Contributors Edit this page on GitHub

    plainheart plainheartpissang pissangaimuz aimuzikeq ikeqzachary-svoboda-accesso zachary-svoboda-accessobtea btea
    +};

    Contributors Edit this page on GitHub

    plainheart plainheartpissang pissangaimuz aimuzikeq ikeqzachary-svoboda-accesso zachary-svoboda-accessobtea btea
    diff --git a/handbook/en/basics/release-note/5-2-0/index.html b/handbook/en/basics/release-note/5-2-0/index.html index 32b9e6d2f..c657c769f 100644 --- a/handbook/en/basics/release-note/5-2-0/index.html +++ b/handbook/en/basics/release-note/5-2-0/index.html @@ -4,7 +4,7 @@ - 5.2 - What's New - Basics - Handbook - Apache ECharts + 5.2 - What's New - Basics - Handbook - Apache ECharts

    What's New in Apache ECharts 5.2.0

    Universal Transition

    Natural and smooth transition animations have been an important feature in Apache ECharts. By avoiding abrupt changes from data update, it not only improves the visual effect, but also provides the possibility to express the association and evolution of data. Therefore, in 5.2.0, we have further enhanced this animation capability. Next, we will see how this Universal Transition adds expressiveness and narrative power to the chart.

    In previous versions, transition animations had certain limitations: they could only be used for the position, size of the same shape, and they could only work on the same type of series. For example, the following example reflects the change in data percent through the change in sector shape in a pie chart.