diff --git a/en/builder/echarts.html b/en/builder/echarts.html index 183f2fb9b..8bdeacc32 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=1716184103464' + urlArgs: 'v=1716697594192' }); require(['build']); diff --git a/en/index.html b/en/index.html index 3ae8eeb0e..f8324f467 100644 --- a/en/index.html +++ b/en/index.html @@ -127,7 +127,7 @@
📣 Apache ECharts 5.5 is out! See what's new

Features

View More

Flexible Chart Types

Apache ECharts provides more than 20 chart types available out of the box, along with a dozen components, and each of them can be arbitrarily combined to use.

Powerful Rendering Engine

Easily switch between Canvas and SVG rendering. Progressive rendering and stream loading make it possible to render 10 million data in realtime.

Professional Data Analysis

Manage data through datasets, which support data transforms like filtering, clustering, and regression to help analyze multi-dimensional analysis of the same data.

Elegant Visual Design

The default design follows visualization principles, supports responsive design. Flexible configurations make it easy to customize.

A Healthy Community

The active open source community ensures the healthy development of the project and contributes a wealth of third-party extensions.

Accessibility-Friendly

Automatically generated chart descriptions and decal patterns help users with disabilities understand the content and the stories behind the charts.

ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization

You are welcomed to cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, teaching, patents, and other related intelligence activities.

Visual Informatics, 2018 [PDF]

Follow

Follow us to get more updates in time.

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/02689d1.js b/handbook/_nuxt/f6a5c29.js similarity index 97% rename from handbook/_nuxt/02689d1.js rename to handbook/_nuxt/f6a5c29.js index 532a6cba4..4b235c148 100644 --- a/handbook/_nuxt/02689d1.js +++ b/handbook/_nuxt/f6a5c29.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;\n\n// Register the required components\necharts.use([\n TitleComponent,\n TooltipComponent,\n GridComponent,\n DatasetComponent,\n TransformComponent,\n BarChart,\n LineChart,\n LabelLayout,\n UniversalTransition,\n CanvasRenderer\n]);\n\nconst option: ECOption = {\n // ...\n};\n```\n"}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{308:function(n,e,t){"use strict";t.r(e),e.default="# Using ECharts as an NPM Package\n\nThere 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`.\n\n## Install ECharts via NPM\n\nYou can install ECharts via npm using the following command\n\n```shell\nnpm install echarts\n```\n\n## Import All ECharts Functionality\n\nTo include all of ECharts, we simply need to import `echarts`.\n\n```js\nimport * as echarts from 'echarts';\n\n// Create the echarts instance\nvar myChart = echarts.init(document.getElementById('main'));\n\n// Draw the chart\nmyChart.setOption({\n title: {\n text: 'ECharts Getting Started Example'\n },\n tooltip: {},\n xAxis: {\n data: ['shirt', 'cardigan', 'chiffon', 'pants', 'heels', 'socks']\n },\n yAxis: {},\n series: [\n {\n name: 'sales',\n type: 'bar',\n data: [5, 20, 36, 10, 10, 20]\n }\n ]\n});\n```\n\n## Shrinking Bundle Size\n\nThe above code will import all the charts and components in ECharts, but if you don't want to bring in all the components, you can use the tree-shakeable interface provided by ECharts to bundle the required components and get a minimal bundle.\n\n```js\n// Import the echarts core module, which provides the necessary interfaces for using echarts.\nimport * as echarts from 'echarts/core';\n\n// Import bar charts, all suffixed with Chart\nimport { BarChart } from 'echarts/charts';\n\n// Import the title, tooltip, rectangular coordinate system, dataset and transform components\nimport {\n TitleComponent,\n TooltipComponent,\n GridComponent,\n DatasetComponent,\n TransformComponent\n} from 'echarts/components';\n\n// Features like Universal Transition and Label Layout\nimport { LabelLayout, UniversalTransition } from 'echarts/features';\n\n// Import the Canvas renderer\n// Note that including the CanvasRenderer or SVGRenderer is a required step\nimport { CanvasRenderer } from 'echarts/renderers';\n\n// Register the required components\necharts.use([\n BarChart,\n TitleComponent,\n TooltipComponent,\n GridComponent,\n DatasetComponent,\n TransformComponent,\n LabelLayout,\n UniversalTransition,\n CanvasRenderer\n]);\n\n// The chart is initialized and configured in the same manner as before\nvar myChart = echarts.init(document.getElementById('main'));\nmyChart.setOption({\n // ...\n});\n```\n\n> Note that in order to keep the size of the package to a minimum, ECharts does not provide any renderer in the tree-shakeable interface, so you need to choose to import `CanvasRenderer` or `SVGRenderer` as the renderer. The advantage of this is that if you only need to use the SVG rendering mode, the bundle will not include the `CanvasRenderer` module, which is not needed.\n\nThe \"Full Code\" tab on our sample editor page provides a very convenient way to generate a tree-shakable code. It will generate tree-shakable code based on the current option dynamically to use it directly in your project.\n\n## Creating an Option Type in TypeScript\n\nFor developers who are using TypeScript to develop ECharts, type interface is provided to create a minimal `EChartsOption` type. This type will be stricter than the default one provided because it will know exactly what components are being used. This can help you check for missing components or charts more effectively.\n\n```ts\nimport * as echarts from 'echarts/core';\nimport {\n BarChart,\n LineChart,\n} from 'echarts/charts';\nimport {\n TitleComponent,\n TooltipComponent,\n GridComponent,\n // Dataset\n DatasetComponent,\n // Built-in transform (filter, sort)\n TransformComponent\n} from 'echarts/components';\nimport { LabelLayout, UniversalTransition } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport type {\n // The series option types are defined with the SeriesOption suffix\n BarSeriesOption, \n LineSeriesOption,\n} from 'echarts/charts';\nimport type {\n // The component option types are defined with the ComponentOption suffix\n TitleComponentOption, \n TooltipComponentOption,\n GridComponentOption,\n DatasetComponentOption\n} from 'echarts/components';\nimport type { \n ComposeOption, \n} from 'echarts/core';\n\n// Create an Option type with only the required components and charts via ComposeOption\ntype ECOption = ComposeOption<\n | BarSeriesOption\n | LineSeriesOption\n | TitleComponentOption\n | TooltipComponentOption\n | GridComponentOption\n | DatasetComponentOption\n>;\n\n// Register the required components\necharts.use([\n TitleComponent,\n TooltipComponent,\n GridComponent,\n DatasetComponent,\n TransformComponent,\n BarChart,\n LineChart,\n LabelLayout,\n UniversalTransition,\n CanvasRenderer\n]);\n\nconst option: ECOption = {\n // ...\n};\n```\n"}}]); \ No newline at end of file diff --git a/handbook/_nuxt/js/abddc01302fdd9777280.js b/handbook/_nuxt/js/5884bfc163d5c06259f5.js similarity index 50% rename from handbook/_nuxt/js/abddc01302fdd9777280.js rename to handbook/_nuxt/js/5884bfc163d5c06259f5.js index 9c137be74..5fc7ca28b 100644 --- a/handbook/_nuxt/js/abddc01302fdd9777280.js +++ b/handbook/_nuxt/js/5884bfc163d5c06259f5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{196:function(t,e,n){t.exports={}},203:function(t,e,n){t.exports={}},204:function(t,e,n){t.exports={}},205:function(t,e,n){t.exports={}},214:function(t,e,n){t.exports={}},217:function(t,e,n){"use strict";n(196)},234:function(t,e,n){"use strict";n(203)},235:function(t,e,n){"use strict";n(204)},243:function(t,e,n){"use strict";n(205)},303:function(t,e,n){"use strict";n(214)},305:function(t,e,n){var map={"./en/basics/download.md":[306,8],"./en/basics/help.md":[307,9],"./en/basics/import.md":[308,10],"./en/basics/inspiration.md":[309,11],"./en/basics/release-note/5-2-0.md":[310,12],"./en/basics/release-note/5-3-0.md":[311,13],"./en/basics/release-note/5-4-0.md":[312,14],"./en/basics/release-note/5-5-0.md":[313,15],"./en/basics/release-note/v5-feature.md":[314,16],"./en/basics/release-note/v5-upgrade-guide.md":[315,17],"./en/best-practices/aria.md":[316,18],"./en/best-practices/canvas-vs-svg.md":[317,19],"./en/best-practices/design/color-enhance.md":[318,20],"./en/best-practices/mobile.md":[319,21],"./en/best-practices/specification/bar/basic-bar.md":[320,22],"./en/best-practices/specification/bar/bi-directional-bar.md":[321,23],"./en/best-practices/specification/bar/grouped-bar.md":[322,24],"./en/best-practices/specification/bar/stacked-bar.md":[323,25],"./en/best-practices/specification/funnel.md":[324,26],"./en/best-practices/specification/gauge.md":[325,27],"./en/best-practices/specification/line/area.md":[326,28],"./en/best-practices/specification/line/basic-line.md":[327,29],"./en/best-practices/specification/line/stacked-area.md":[328,30],"./en/best-practices/specification/pie/basic-pie.md":[329,31],"./en/best-practices/specification/radar.md":[330,32],"./en/best-practices/specification/scatter/bubble.md":[331,33],"./en/best-practices/specification/scatter/scatter.md":[332,34],"./en/concepts/axis.md":[333,35],"./en/concepts/chart-size.md":[334,36],"./en/concepts/coordinate.md":[335,37],"./en/concepts/data-transform.md":[336,38],"./en/concepts/dataset.md":[337,39],"./en/concepts/event.md":[338,40],"./en/concepts/legend.md":[339,41],"./en/concepts/options.md":[340,42],"./en/concepts/series.md":[341,43],"./en/concepts/style.md":[342,44],"./en/concepts/tooltip.md":[343,45],"./en/concepts/visual-map.md":[344,46],"./en/get-started.md":[345,47],"./en/how-to/animation/transition.md":[346,48],"./en/how-to/chart-types/bar/bar-race.md":[347,49],"./en/how-to/chart-types/bar/basic-bar.md":[348,50],"./en/how-to/chart-types/bar/polar-bar.md":[349,51],"./en/how-to/chart-types/bar/stacked-bar.md":[350,52],"./en/how-to/chart-types/bar/waterfall.md":[351,53],"./en/how-to/chart-types/line/area-line.md":[352,54],"./en/how-to/chart-types/line/basic-line.md":[353,55],"./en/how-to/chart-types/line/smooth-line.md":[354,56],"./en/how-to/chart-types/line/stacked-line.md":[355,57],"./en/how-to/chart-types/line/step-line.md":[356,58],"./en/how-to/chart-types/pie/basic-pie.md":[357,59],"./en/how-to/chart-types/pie/doughnut.md":[358,60],"./en/how-to/chart-types/pie/rose.md":[359,61],"./en/how-to/chart-types/scatter/basic-scatter.md":[360,62],"./en/how-to/cross-platform/server.md":[361,63],"./en/how-to/data/drilldown.md":[362,64],"./en/how-to/data/dynamic-data.md":[363,65],"./en/how-to/interaction/coarse-pointer.md":[364,66],"./en/how-to/interaction/drag.md":[365,67],"./en/how-to/label/rich-text.md":[366,68],"./en/meta/edit-guide.md":[367,69],"./zh/basics/download.md":[368,70],"./zh/basics/help.md":[369,71],"./zh/basics/import.md":[370,72],"./zh/basics/inspiration.md":[371,73],"./zh/basics/release-note/5-2-0.md":[372,74],"./zh/basics/release-note/5-3-0.md":[373,75],"./zh/basics/release-note/5-4-0.md":[374,76],"./zh/basics/release-note/5-5-0.md":[375,77],"./zh/basics/release-note/v5-feature.md":[376,78],"./zh/basics/release-note/v5-upgrade-guide.md":[377,79],"./zh/basics/resource.md":[378,80],"./zh/best-practices/aria.md":[379,81],"./zh/best-practices/canvas-vs-svg.md":[380,82],"./zh/best-practices/design/color-enhance.md":[381,83],"./zh/best-practices/mobile.md":[382,84],"./zh/best-practices/specification/bar/basic-bar.md":[383,85],"./zh/best-practices/specification/bar/bi-directional-bar.md":[384,86],"./zh/best-practices/specification/bar/grouped-bar.md":[385,87],"./zh/best-practices/specification/bar/stacked-bar.md":[386,88],"./zh/best-practices/specification/funnel.md":[387,89],"./zh/best-practices/specification/gauge.md":[388,90],"./zh/best-practices/specification/line/area.md":[389,91],"./zh/best-practices/specification/line/basic-line.md":[390,92],"./zh/best-practices/specification/line/stacked-area.md":[391,93],"./zh/best-practices/specification/pie/basic-pie.md":[392,94],"./zh/best-practices/specification/radar.md":[393,95],"./zh/best-practices/specification/scatter/bubble.md":[394,96],"./zh/best-practices/specification/scatter/scatter.md":[395,97],"./zh/concepts/axis.md":[396,98],"./zh/concepts/chart-size.md":[397,99],"./zh/concepts/coordinate.md":[398,100],"./zh/concepts/data-transform.md":[399,101],"./zh/concepts/dataset.md":[400,102],"./zh/concepts/event.md":[401,103],"./zh/concepts/legend.md":[402,104],"./zh/concepts/options.md":[403,105],"./zh/concepts/series.md":[404,106],"./zh/concepts/style.md":[405,107],"./zh/concepts/tooltip.md":[406,108],"./zh/concepts/visual-map.md":[407,109],"./zh/get-started.md":[408,110],"./zh/how-to/animation/transition.md":[409,111],"./zh/how-to/animation/universal-transition.md":[410,112],"./zh/how-to/chart-types/bar/bar-race.md":[411,113],"./zh/how-to/chart-types/bar/basic-bar.md":[412,114],"./zh/how-to/chart-types/bar/polar-bar.md":[413,115],"./zh/how-to/chart-types/bar/stacked-bar.md":[414,116],"./zh/how-to/chart-types/bar/waterfall.md":[415,117],"./zh/how-to/chart-types/line/area-line.md":[416,118],"./zh/how-to/chart-types/line/basic-line.md":[417,119],"./zh/how-to/chart-types/line/smooth-line.md":[418,120],"./zh/how-to/chart-types/line/stacked-line.md":[419,121],"./zh/how-to/chart-types/line/step-line.md":[420,122],"./zh/how-to/chart-types/pie/basic-pie.md":[421,123],"./zh/how-to/chart-types/pie/doughnut.md":[422,124],"./zh/how-to/chart-types/pie/rose.md":[423,125],"./zh/how-to/chart-types/scatter/basic-scatter.md":[424,126],"./zh/how-to/connect.md":[425,127],"./zh/how-to/cross-platform/baidu-app.md":[426,128],"./zh/how-to/cross-platform/server.md":[427,129],"./zh/how-to/cross-platform/wechat-app.md":[428,130],"./zh/how-to/data/drilldown.md":[429,131],"./zh/how-to/data/dynamic-data.md":[430,132],"./zh/how-to/interaction/coarse-pointer.md":[431,133],"./zh/how-to/interaction/drag.md":[432,134],"./zh/how-to/label/rich-text.md":[433,135],"./zh/how-to/mobile.md":[434,136],"./zh/meta/edit-guide.md":[435,137],"./zh/meta/writing.md":[436,138]};function c(t){if(!n.o(map,t))return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=map[t],c=e[0];return n.e(e[1]).then((function(){return n(c)}))}c.keys=function(){return Object.keys(map)},c.id=305,t.exports=c},438:function(t,e,n){"use strict";n.r(e);var c=n(2),o=(n(27),n(45),n(108),n(49),n(0)),r=n.n(o),l=n(191),d=(n(215),n(216)),h=(n(142),n(107)),m=Object(l.c)({props:{width:{type:[String,Number],default:"100%"},height:{type:[String,Number],default:"350"},src:String},setup:function(t,e){var n=Object(l.a)((function(){return h.a.exampleViewPath.replace("${lang}",e.root.$i18n.locale)+t.src})),c=Object(l.f)("");return{finalSrc:c,visibilityChanged:function(t){t&&(c.value=n.value)}}}}),f=n(7),v=Object(f.a)(m,(function(){var t=this,e=t.$createElement;return(t._self._c||e)("iframe",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:t.visibilityChanged,expression:"visibilityChanged"}],attrs:{width:t.width||200,height:t.height||200,src:t.finalSrc}})}),[],!1,null,null,null).exports,w=(n(36),r.a.extend({props:{type:{type:String,default:"info",validator:function(t){return["info","success","warning","danger"].includes(t)}}}})),z=(n(217),Object(f.a)(w,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("blockquote",{class:"md-alert md-alert-"+t.type},[n("p",[t._t("default")],2)])}),[],!1,null,"baf1bad2",null).exports),y=(n(17),n(218)),O=(n(219),n(220)),k=(n(197),n(198),n(199),n(28),n(29),n(20),n(63),{});var j=n(221),C=n(222),_=n.n(C),x=n(192),S=n(16);function $(){var t={},e={},n=1;function c(t,c){var o,time,l=(o=t,time=c,h.getZr().animation.animate({val:0},{loop:!1}).when(time,{val:1}).during((function(){h.getZr().wakeUp()})).done((function(){r.a.nextTick(o)})).start());return e[n]=l,n++}function o(t,c){var o,time,l=(o=t,time=c,h.getZr().animation.animate({val:0},{loop:!0}).when(time,{val:1}).during((function(t,e){h.getZr().wakeUp(),1===e&&r.a.nextTick(o)})).start());return e[n]=l,n++}function l(t){var n=e[t];n&&(h.getZr().animation.removeAnimator(n),delete e[t])}function d(t){l(t)}var h,m=[];return{resize:function(){h&&h.resize()},dispose:function(){h&&(h.dispose(),h=null)},getDataURL:function(){return h.getDataURL({pixelRatio:2,excludeComponents:["toolbox"]})},getOption:function(){return h.getOption()},getInstance:function(){return h},pause:function(){h&&h.getZr().animation.pause()},resume:function(){h&&h.getZr().animation.resume()},run:function(n,code,r){var f,v,w;r=r||{},h||(h=echarts.init(n,r.darkMode?"dark":"",{renderer:r.renderer,useDirtyRect:r.useDirtyRect}),v=(f=h).on,w=f.setOption,f.on=function(t){var e=v.apply(f,arguments);return m.push(t),e},f.setOption=function(){return w.apply(this,arguments)}),function(){for(var t in e)e.hasOwnProperty(t)&&l(t)}(),function(t){m.forEach((function(e){t&&t.off(e)})),m.length=0}(h),t.config=null;var option=new Function("myChart","app","setTimeout","setInterval","clearTimeout","clearInterval","var option;\n"+code+"\nreturn option;")(h,t,c,o,l,d);if(option&&"object"===Object(S.a)(option)){var z=+new Date;h.setOption(option,!0),+new Date-z}}}}var P=n(233),E=n.n(P),R=Object(l.c)({components:{},props:{source:{type:String}},setup:function(t){var e=Object(l.f)(null),n=Object(l.f)(!1);return Object(l.d)((function(){new E.a(e.value,{text:function(e){return t.source}}).on("success",(function(t){t.clearSelection(),n.value=!0,window.setTimeout((function(){n.value=!1}),2e3)}))})),{clipboardChecked:n,copyButton:e}}}),T=(n(234),Object(f.a)(R,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"copyButton",staticClass:"clipboard"},[t.clipboardChecked?n("svg",{staticClass:"h-6 w-6",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:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"}})]):n("svg",{staticClass:"h-6 w-6",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"}},[n("svg",{staticClass:"h-6 w-6",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:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"}})])])])}),[],!1,null,"479657ca",null).exports);function M(t){if("undefined"==typeof echarts){var e="echarts";return(n=["zh"===t?"https://registry.npmmirror.com/".concat(e,"/latest/files/dist/echarts.min.js"):"https://fastly.jsdelivr.net/npm/".concat(e,"@latest/dist/echarts.min.js")],Promise.all(n.map((function(t){return"string"==typeof t?{url:t,type:t.match(/\.css$/)?"css":"js"}:t})).map((function(t){if(k[t.url])return k[t.url];var e=new Promise((function(e,n){if("js"===t.type){var script=document.createElement("script");script.src=t.url,script.async=!1,script.onload=function(){e(null)},script.onerror=function(){n()},document.body.appendChild(script)}else if("css"===t.type){var link=document.createElement("link");link.rel="stylesheet",link.href=t.url,link.onload=function(){e(null)},link.onerror=function(){n()},document.body.appendChild(link)}}));return k[t.url]=e,e})))).then((function(){}))}var n;return Promise.resolve()}var D=Object(l.c)({components:{PrismEditor:y.a,CodeBlockCopyClipboard:T},props:{lang:{type:String,default:"js"},code:{type:String},layout:{type:String,default:"tb",validator:function(t){return["lr","tb","rl","bt"].includes(t)}},height:{type:Number},readOnly:{type:Boolean,default:!1}},setup:function(t,e){var n,c=Object(l.f)(x.a(t.code)),o=Object(l.f)(null),r=Object(l.f)(null);function d(){n&&n.resize()}var h=_()((function(){t.height&&(r.value.style.height=t.height+"px"),M(e.root.$i18n.locale).then((function(){n||(Object(j.a)(Object(l.g)(o),d),n=$());try{Object(l.g)(o)&&n.run(Object(l.g)(o),Object(l.g)(c))}catch(t){console.error(t)}}))}),500,{trailing:!0});return Object(l.h)(c,(function(){h()})),Object(l.e)((function(){Object(j.b)(Object(l.g)(o),d)})),{innerCode:c,previewContainer:o,container:r,highlighter:function(code){return Object(O.highlight)(code,O.languages[t.lang]||O.languages.js)},visibilityChanged:function(t){t?n?n.resume():h():n&&n.pause()}}}}),N=(n(235),Object(f.a)(D,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.innerCode?n("div",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:t.visibilityChanged,expression:"visibilityChanged"}],ref:"container",class:"md-live layout-"+t.layout},[n("div",{staticClass:"md-live-editor"},[n("div",{staticClass:"md-live-editor-container"},[n("prism-editor",{attrs:{highlight:t.highlighter,readonly:t.readOnly},model:{value:t.innerCode,callback:function(e){t.innerCode=e},expression:"innerCode"}})],1),t._v(" "),n("div",{staticClass:"md-live-tag"},[t._v("live")]),t._v(" "),n("code-block-copy-clipboard",{attrs:{source:t.innerCode}})],1),t._v(" "),n("div",{ref:"previewContainer",staticClass:"md-live-preview"})]):t._e()}),[],!1,null,null,null).exports),L=n(236),B=n.n(L),H=(n(237),n(238),n(239),n(240),n(241),n(242),/^(diff)-([\w-]+)/i);var U=Object(l.c)({components:{CodeBlockCopyClipboard:T},props:{lang:{type:String,default:"js"},code:{type:String},lineHighlights:String,fileName:String},setup:function(t,e){var n=Object(l.f)(x.a(t.code)),c=Object(l.a)((function(){return function(t,e){var n="",c=(t=t||"").match(H);c&&(t=c[2],n=B.a.languages.diff),t="vue"===t?"html":t,n||(n=B.a.languages[t]);var o=c?"diff-".concat(t):t,code=n?B.a.highlight(e,n,o):e;return t&&n||(t="text",code=code.replace(/&/g,"&").replace(//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),V=n.n(G),F=n(302),J={"contents/en/basics/download.md":["plainheart","Ovilia","pissang","zachary-svoboda-accesso"],"contents/en/best-practices/specification/funnel.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-2-0.md":["pissang","Ovilia"],"contents/zh/basics/help.md":["plainheart","Ovilia","100pah","pissang"],"contents/en/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/en/posts.yml":["pissang","Ovilia"],"contents/en/how-to/chart-types/pie/rose.md":["pissang"],"contents/en/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/en/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang","balloon72"],"contents/en/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/basics/download.md":["pissang","plainheart","Ovilia","100pah"],"contents/zh/best-practices/specification/funnel.md":["pissang"],"contents/zh/basics/inspiration.md":["Ovilia","pissang"],"contents/zh/basics/release-note/v5-feature.md":["plainheart","pissang","jiangmaniu","LuckyHookin"],"contents/zh/best-practices/specification/gauge.md":["pissang"],"contents/zh/best-practices/specification/line/stacked-area.md":["pissang"],"contents/zh/best-practices/design/color-enhance.md":["pissang"],"contents/zh/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/zh/best-practices/specification/line/area.md":["pissang"],"contents/zh/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/zh/concepts/chart-size.md":["pissang","Ovilia","plainheart","ppd0705"],"contents/zh/concepts/data-transform.md":["pissang","100pah","plainheart","idaibin","shangchen0531","meishijia"],"contents/en/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/basics/import.md":["plainheart","pissang","aimuz","ikeq","zachary-svoboda-accesso","btea"],"contents/en/basics/help.md":["plainheart","pissang"],"contents/.prettierrc":["pissang"],"contents/en/best-practices/specification/line/area.md":["pissang"],"contents/en/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/en/best-practices/specification/line/stacked-area.md":["pissang"],"contents/en/best-practices/specification/scatter/scatter.md":["pissang"],"contents/en/basics/release-note/v5-feature.md":["pissang","plainheart","timonla"],"contents/en/best-practices/canvas-vs-svg.md":["plainheart","pissang","mrbrianevans"],"contents/en/best-practices/specification/line/basic-line.md":["pissang"],"contents/en/concepts/legend.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/pie/basic-pie.md":["pissang"],"contents/en/how-to/chart-types/bar/waterfall.md":["plainheart","pissang"],"contents/en/concepts/data-transform.md":["plainheart","100pah","pissang","shangchen0531"],"contents/en/how-to/chart-types/line/area-line.md":["pissang"],"contents/en/best-practices/specification/radar.md":["pissang"],"contents/en/concepts/axis.md":["pissang"],"contents/en/concepts/style.md":["plainheart","KrzysztofMadejski","pissang","fuchunhui","zachary-svoboda-accesso"],"contents/en/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang","omkar787"],"contents/en/how-to/data/drilldown.md":["pissang"],"contents/zh/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/en/how-to/label/rich-text.md":["plainheart","TSinChen","pissang"],"contents/en/get-started.md":["plainheart","Ovilia","randyl","pissang"],"contents/zh/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/zh/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/best-practices/mobile.md":["pissang"],"contents/zh/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/how-to/data/dynamic-data.md":["yhoiseth","pissang","balloon72"],"contents/en/meta/edit-guide.md":["pissang","plainheart"],"contents/zh/best-practices/specification/line/basic-line.md":["pissang"],"contents/zh/basics/import.md":["pissang","plainheart","michaelxiaohan","Ovilia","aimuz","vueadmin","gugujigua","btea","Yechuanjie"],"contents/zh/basics/resource.md":["Ovilia","pissang"],"contents/zh/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/zh/best-practices/canvas-vs-svg.md":["plainheart","pissang","Chengxi9","btea"],"contents/zh/best-practices/specification/radar.md":["pissang"],"contents/zh/basics/release-note/v5-upgrade-guide.md":["plainheart","pissang","Ovilia","fredricen"],"contents/zh/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/zh/concepts/coordinate.md":["Ovilia"],"contents/zh/concepts/style.md":["pissang","plainheart","wangcheng0825","fuchunhui","1335951413"],"contents/en/best-practices/aria.md":["pissang","Ovilia","julien-deramond","zachary-svoboda-accesso"],"contents/en/basics/inspiration.md":["pissang","dbgee","plainheart"],"contents/en/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/en/best-practices/specification/gauge.md":["pissang"],"contents/en/basics/release-note/5-3-0.md":["Ovilia","pissang","plainheart"],"contents/en/basics/release-note/v5-upgrade-guide.md":["plainheart","Ovilia","fuchunhui","pissang"],"contents/en/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang"],"contents/en/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/en/best-practices/mobile.md":["pissang"],"contents/en/concepts/visual-map.md":["KrzysztofMadejski","pissang"],"contents/en/concepts/event.md":["pissang","Ovilia","100pah"],"contents/en/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/en/concepts/dataset.md":["plainheart","pissang","Ovilia","100pah","Bruce20190410","simonmcconnell"],"contents/en/how-to/chart-types/bar/stacked-bar.md":["pissang"],"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/bar/bar-race.md":["Ovilia","pissang","Shofol"],"contents/en/how-to/animation/transition.md":["pissang"],"contents/en/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/zh/best-practices/aria.md":["Ovilia","plainheart","pissang"],"contents/zh/best-practices/specification/scatter/scatter.md":["pissang"],"contents/zh/best-practices/specification/scatter/bubble.md":["pissang"],"contents/zh/concepts/axis.md":["pissang","Ovilia","plainheart","Essentric"],"contents/zh/concepts/visual-map.md":["Ovilia","plainheart","pissang"],"contents/zh/how-to/animation/transition.md":["pissang"],"contents/zh/concepts/dataset.md":["pissang","plainheart","100pah","Ovilia"],"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/tooltip.md":["Ovilia"],"contents/zh/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/zh/how-to/animation/universal-transition.md":["pissang"],"contents/zh/how-to/chart-types/pie/doughnut.md":["pissang","guda-art"],"contents/zh/how-to/cross-platform/wechat-app.md":["pissang"],"contents/zh/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang"],"contents/zh/how-to/data/dynamic-data.md":["ZonaHex","pissang","jishen027"],"contents/zh/how-to/data/drilldown.md":["pissang"],"contents/zh/how-to/chart-types/bar/waterfall.md":["robyle","pissang"],"contents/zh/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang"],"contents/zh/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/how-to/chart-types/line/area-line.md":["pissang"],"contents/zh/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/how-to/mobile.md":["pissang"],"contents/zh/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang","tanjiasong005"],"contents/zh/meta/writing.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/zh/how-to/cross-platform/baidu-app.md":["Ovilia","vincentbernat","pissang"],"contents/zh/how-to/connect.md":["pissang"],"contents/zh/how-to/chart-types/bar/stacked-bar.md":["ArisLittle","pissang"],"contents/zh/how-to/chart-types/line/step-line.md":["pissang"],"contents/zh/get-started.md":["Ovilia","pissang","zxx0006"],"contents/zh/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/posts.yml":["pissang","Ovilia"],"contents/zh/how-to/label/rich-text.md":["plainheart","pissang"],"contents/zh/meta/edit-guide.md":["pissang","suisuiz"],"contents/en/concepts/tooltip.md":["huanghan01"],"contents/en/concepts/options.md":["huanghan01"],"contents/en/concepts/series.md":["huanghan01"],"contents/en/concepts/coordinate.md":["huanghan01"]};n(143);var K=Object(l.c)({props:{path:String},setup:function(t){return{contributors:Object(l.a)((function(){return J["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/download.md":["plainheart","Ovilia","pissang","zachary-svoboda-accesso"],"contents/en/basics/import.md":["plainheart","pissang","aimuz","ikeq","zachary-svoboda-accesso","btea"],"contents/en/basics/release-note/5-3-0.md":["Ovilia","pissang","plainheart"],"contents/en/basics/help.md":["plainheart","pissang"],"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/pie/basic-pie.md":["pissang"],"contents/en/how-to/data/drilldown.md":["pissang"],"contents/en/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/zh/basics/release-note/v5-feature.md":["plainheart","pissang","jiangmaniu","LuckyHookin"],"contents/en/how-to/label/rich-text.md":["plainheart","TSinChen","pissang"],"contents/en/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/basics/release-note/v5-upgrade-guide.md":["plainheart","pissang","Ovilia","fredricen"],"contents/zh/basics/download.md":["pissang","plainheart","Ovilia","100pah"],"contents/zh/best-practices/specification/line/basic-line.md":["pissang"],"contents/zh/best-practices/specification/scatter/bubble.md":["pissang"],"contents/zh/best-practices/specification/line/stacked-area.md":["pissang"],"contents/zh/best-practices/specification/gauge.md":["pissang"],"contents/zh/best-practices/canvas-vs-svg.md":["plainheart","pissang","Chengxi9","btea"],"contents/zh/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/zh/best-practices/specification/funnel.md":["pissang"],"contents/zh/best-practices/mobile.md":["pissang"],"contents/zh/best-practices/specification/radar.md":["pissang"],"contents/en/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/zh/best-practices/specification/line/area.md":["pissang"],"contents/zh/concepts/data-transform.md":["pissang","100pah","plainheart","idaibin","shangchen0531","meishijia"],"contents/zh/concepts/chart-size.md":["pissang","Ovilia","plainheart","ppd0705"],"contents/zh/concepts/event.md":["pissang","Ovilia","plainheart","100pah"],"contents/zh/concepts/coordinate.md":["Ovilia"],"contents/zh/concepts/series.md":["Ovilia"],"contents/zh/concepts/options.md":["Ovilia"],"contents/en/basics/release-note/v5-upgrade-guide.md":["plainheart","Ovilia","fuchunhui","pissang"],"contents/.prettierrc":["pissang"],"contents/en/best-practices/aria.md":["pissang","Ovilia","julien-deramond","zachary-svoboda-accesso"],"contents/en/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/en/best-practices/design/color-enhance.md":["pissang"],"contents/en/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/en/basics/release-note/v5-feature.md":["pissang","plainheart","timonla"],"contents/en/concepts/axis.md":["pissang"],"contents/en/best-practices/mobile.md":["pissang"],"contents/en/best-practices/specification/funnel.md":["pissang"],"contents/en/best-practices/specification/line/stacked-area.md":["pissang"],"contents/en/concepts/visual-map.md":["KrzysztofMadejski","pissang"],"contents/en/concepts/data-transform.md":["plainheart","100pah","pissang","shangchen0531"],"contents/en/concepts/event.md":["pissang","Ovilia","100pah"],"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/bar/polar-bar.md":["pissang"],"contents/zh/get-started.md":["Ovilia","pissang","zxx0006"],"contents/en/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang","Shofol"],"contents/en/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/how-to/animation/universal-transition.md":["pissang"],"contents/en/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/concepts/style.md":["pissang","plainheart","wangcheng0825","fuchunhui","1335951413"],"contents/en/how-to/chart-types/bar/stacked-bar.md":["pissang"],"contents/en/how-to/data/dynamic-data.md":["yhoiseth","pissang","balloon72"],"contents/en/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/en/how-to/chart-types/pie/doughnut.md":["plainheart","pissang"],"contents/en/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang","omkar787"],"contents/en/meta/edit-guide.md":["pissang","plainheart"],"contents/en/how-to/chart-types/bar/waterfall.md":["plainheart","pissang"],"contents/zh/best-practices/aria.md":["Ovilia","plainheart","pissang"],"contents/en/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang","balloon72"],"contents/zh/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/en/how-to/chart-types/line/step-line.md":["pissang"],"contents/en/how-to/chart-types/pie/rose.md":["pissang"],"contents/en/posts.yml":["pissang","Ovilia"],"contents/zh/basics/inspiration.md":["Ovilia","pissang"],"contents/zh/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/zh/basics/release-note/5-5-0.md":["Ovilia","plainheart"],"contents/zh/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/zh/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/zh/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/zh/basics/resource.md":["Ovilia","pissang"],"contents/zh/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/zh/basics/release-note/5-4-0.md":["Ovilia"],"contents/zh/basics/help.md":["plainheart","Ovilia","100pah","pissang"],"contents/zh/concepts/axis.md":["pissang","Ovilia","plainheart","Essentric"],"contents/zh/best-practices/design/color-enhance.md":["pissang"],"contents/zh/concepts/legend.md":["pissang","Ovilia","Geoffyscat"],"contents/zh/concepts/tooltip.md":["Ovilia"],"contents/zh/concepts/dataset.md":["pissang","plainheart","100pah","Ovilia"],"contents/zh/concepts/visual-map.md":["Ovilia","plainheart","pissang"],"contents/zh/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/zh/how-to/chart-types/line/step-line.md":["pissang"],"contents/zh/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang","tanjiasong005"],"contents/zh/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang"],"contents/zh/how-to/cross-platform/server.md":["Ovilia","plainheart","pissang"],"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/canvas-vs-svg.md":["plainheart","pissang","mrbrianevans"],"contents/en/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/en/basics/inspiration.md":["pissang","dbgee","plainheart"],"contents/en/best-practices/specification/line/basic-line.md":["pissang"],"contents/en/best-practices/specification/line/area.md":["pissang"],"contents/en/best-practices/specification/scatter/scatter.md":["pissang"],"contents/en/best-practices/specification/gauge.md":["pissang"],"contents/en/best-practices/specification/scatter/bubble.md":["pissang"],"contents/en/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/en/best-practices/specification/radar.md":["pissang"],"contents/en/concepts/legend.md":["pissang"],"contents/en/concepts/dataset.md":["plainheart","pissang","Ovilia","100pah","Bruce20190410","simonmcconnell"],"contents/en/how-to/animation/transition.md":["pissang"],"contents/en/concepts/chart-size.md":["pissang","plainheart","ppd0705"],"contents/en/how-to/chart-types/line/area-line.md":["pissang"],"contents/zh/best-practices/specification/scatter/scatter.md":["pissang"],"contents/zh/basics/import.md":["pissang","plainheart","michaelxiaohan","Ovilia","JobbyM","aimuz","vueadmin","gugujigua","btea","Yechuanjie"],"contents/zh/how-to/animation/transition.md":["pissang"],"contents/zh/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/how-to/chart-types/pie/doughnut.md":["pissang","guda-art"],"contents/zh/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang"],"contents/zh/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/how-to/cross-platform/wechat-app.md":["pissang"],"contents/zh/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/how-to/connect.md":["pissang"],"contents/zh/how-to/cross-platform/baidu-app.md":["Ovilia","vincentbernat","pissang"],"contents/zh/how-to/chart-types/bar/waterfall.md":["robyle","pissang"],"contents/zh/how-to/data/dynamic-data.md":["ZonaHex","pissang","jishen027"],"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/scatter/basic-scatter.md":["pissang"],"contents/zh/how-to/interaction/drag.md":["Ovilia","pissang"],"contents/zh/meta/edit-guide.md":["pissang","suisuiz"],"contents/zh/how-to/data/drilldown.md":["pissang"],"contents/zh/meta/writing.md":["Ovilia","pissang"],"contents/zh/posts.yml":["pissang","Ovilia"],"contents/zh/how-to/label/rich-text.md":["plainheart","pissang"],"contents/zh/how-to/mobile.md":["pissang"],"contents/en/concepts/series.md":["huanghan01"],"contents/en/concepts/coordinate.md":["huanghan01"],"contents/en/concepts/options.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 551800c4d..91fb45a9b 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 d13ef187f..d63d606e6 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';
@@ -35,7 +35,7 @@
 // Import bar charts, all suffixed with Chart
 import { BarChart } from 'echarts/charts';
 
-// Import the tooltip, title, rectangular coordinate system, dataset and transform components
+// Import the title, tooltip, rectangular coordinate system, dataset and transform components
 import {
   TitleComponent,
   TooltipComponent,
@@ -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 81659f437..65046331f 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.