diff --git a/components/builder.html b/components/builder.html index d17f28c48..aa910847a 100644 --- a/components/builder.html +++ b/components/builder.html @@ -7,7 +7,7 @@ document.head.insertBefore(el, document.getElementById('font-hack')); } ECharts 在线构建 -

请访问 Apache ECharts 的官网  

https://echarts.apache.org
访问官网
x

在线定制

可自由选择所需图表、坐标系、组件进行打包下载。

注意：打包的源文件来自 jsDelivr CDN，非 Apache 官方源代码和编译产物

选择版本

图表chart

选择要打包的图表（注：开发环境建议不压缩代码，代码压缩会去掉大部分常见的警告和错误提示）

  • 柱状图
    Bar
  • 折线图
    Line
  • 饼图
    Pie
  • 散点图
    Scatter
  • 涟漪散点图
    EffectScatter
  • K线图
    Candlestick
  • 雷达图
    Radar
  • 热力图
    Heatmap
  • 树图
    Tree
  • 矩形树图
    Treemap
  • 旭日图
    Sunburst
  • 地图
    Map
  • 线图
    Lines
  • 关系图
    Graph
  • 箱线图
    Boxplot
  • 平行坐标
    Parallel
  • 仪表盘
    Gauge
  • 漏斗图
    Funnel
  • 桑基图
    Sankey
  • 主题河流图
    ThemeRiver
  • 象形柱图
    PictorialBar
  • 自定义系列
    Custom

坐标系coordinate systems

选择要打包的坐标系，有些图表像散点图，折线图可以被应用到多个坐标系上

  • 直角坐标系
    Grid
  • 极坐标系
    Polar
  • 地理坐标系
    Geo
  • 单轴
    SingleAxis
  • 日历
    Calendar

组件component

选择要打包的组件

  • 标题
    Title
  • 图例
    Legend
  • 提示框
    Tooltip
  • 标注
    MarkPoint
  • 标线
    MarkLine
  • 标域
    MarkArea
  • 时间轴
    Timeline
  • 数据区域缩放
    DataZoom
  • 刷选
    Brush
  • 视觉映射
    VisualMap
  • 工具栏
    Toolbox
  • 自定义图形
    Graphic

其它选项others

是否包括 SVG 渲染器，从而能支持使用 SVG 来绘制图表

是否在 echarts 对象上挂载常用工具集。一般都会挂载，除非对生成的文件的体积有苛求，并且不需要用这些工具集。

是否使用 UglifyJS 压缩后的代码，开发环境建议不压缩代码，代码压缩会去掉大部分常见的警告和错误提示。

Loading...
- + diff --git a/handbook/_nuxt/1818ba1.js b/handbook/_nuxt/63e139a.js similarity index 98% rename from handbook/_nuxt/1818ba1.js rename to handbook/_nuxt/63e139a.js index 7b8d533ee..0567b5ee7 100644 --- a/handbook/_nuxt/1818ba1.js +++ b/handbook/_nuxt/63e139a.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}}}),I=(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),Z=(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)(Z,(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",I),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/best-practices/specification/scatter/scatter.md":["pissang"],"contents/en/best-practices/specification/funnel.md":["pissang"],"contents/en/concepts/visual-map.md":["KrzysztofMadejski","pissang"],"contents/en/best-practices/specification/line/stacked-area.md":["pissang"],"contents/en/concepts/data-transform.md":["plainheart","100pah","pissang","shangchen0531"],"contents/en/concepts/axis.md":["pissang"],"contents/en/concepts/event.md":["pissang","Ovilia","100pah"],"contents/en/best-practices/specification/gauge.md":["pissang"],"contents/en/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang","Shofol"],"contents/en/concepts/style.md":["plainheart","KrzysztofMadejski","pissang","fuchunhui","zachary-svoboda-accesso"],"contents/en/best-practices/specification/scatter/bubble.md":["pissang"],"contents/en/best-practices/design/color-enhance.md":["pissang"],"contents/en/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/en/best-practices/specification/radar.md":["pissang"],"contents/en/how-to/chart-types/line/basic-line.md":["pissang"],"contents/en/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang","omkar787"],"contents/en/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/en/how-to/chart-types/pie/rose.md":["pissang"],"contents/en/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/en/basics/help.md":["plainheart","pissang"],"contents/.prettierrc":["pissang"],"contents/en/basics/download.md":["plainheart","Ovilia","pissang","zachary-svoboda-accesso"],"contents/en/concepts/dataset.md":["plainheart","pissang","Ovilia","100pah","Bruce20190410","simonmcconnell"],"contents/zh/basics/import.md":["pissang","plainheart","michaelxiaohan","aimuz","vueadmin","gugujigua","btea","Yechuanjie"],"contents/en/basics/import.md":["plainheart","pissang","aimuz","ikeq","zachary-svoboda-accesso","btea"],"contents/en/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/en/how-to/data/dynamic-data.md":["yhoiseth","pissang","balloon72"],"contents/en/concepts/chart-size.md":["pissang","plainheart","ppd0705"],"contents/en/how-to/animation/transition.md":["pissang"],"contents/zh/basics/help.md":["plainheart","Ovilia","100pah","pissang"],"contents/en/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/en/posts.yml":["pissang","Ovilia"],"contents/en/get-started.md":["plainheart","Ovilia","randyl","pissang"],"contents/zh/basics/download.md":["pissang","plainheart","Ovilia","100pah"],"contents/en/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/en/basics/release-note/v5-upgrade-guide.md":["plainheart","Ovilia","fuchunhui","pissang"],"contents/zh/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/en/best-practices/specification/line/basic-line.md":["pissang"],"contents/en/concepts/legend.md":["pissang"],"contents/en/basics/inspiration.md":["pissang","dbgee","plainheart"],"contents/en/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/how-to/chart-types/bar/waterfall.md":["plainheart","pissang"],"contents/zh/basics/resource.md":["Ovilia","pissang"],"contents/zh/best-practices/aria.md":["Ovilia","plainheart","pissang"],"contents/zh/best-practices/canvas-vs-svg.md":["plainheart","pissang","Chengxi9","btea"],"contents/zh/best-practices/design/color-enhance.md":["pissang"],"contents/zh/concepts/coordinate.md":["Ovilia"],"contents/zh/concepts/options.md":["Ovilia"],"contents/en/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/en/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/en/best-practices/specification/line/area.md":["pissang"],"contents/en/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/en/basics/release-note/v5-feature.md":["pissang","plainheart","timonla"],"contents/en/best-practices/mobile.md":["pissang"],"contents/en/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/how-to/chart-types/bar/stacked-bar.md":["pissang"],"contents/en/how-to/interaction/drag.md":["pissang"],"contents/en/meta/edit-guide.md":["pissang","plainheart"],"contents/en/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/en/best-practices/canvas-vs-svg.md":["plainheart","pissang","mrbrianevans"],"contents/en/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang"],"contents/en/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/zh/basics/inspiration.md":["Ovilia","pissang"],"contents/en/how-to/cross-platform/server.md":["Ovilia","pissang","balloon72"],"contents/en/how-to/chart-types/pie/doughnut.md":["plainheart","pissang"],"contents/en/how-to/chart-types/line/area-line.md":["pissang"],"contents/en/best-practices/aria.md":["pissang","Ovilia","julien-deramond","zachary-svoboda-accesso"],"contents/zh/basics/release-note/v5-upgrade-guide.md":["plainheart","pissang","Ovilia","fredricen"],"contents/zh/basics/release-note/v5-feature.md":["plainheart","pissang","jiangmaniu","LuckyHookin"],"contents/en/how-to/label/rich-text.md":["plainheart","TSinChen","pissang"],"contents/zh/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/how-to/chart-types/line/step-line.md":["pissang"],"contents/zh/concepts/data-transform.md":["pissang","100pah","plainheart","idaibin","shangchen0531","meishijia"],"contents/zh/concepts/event.md":["pissang","Ovilia","plainheart","100pah"],"contents/zh/concepts/dataset.md":["pissang","plainheart","100pah","Ovilia"],"contents/zh/concepts/legend.md":["pissang","Ovilia","Geoffyscat"],"contents/zh/concepts/series.md":["Ovilia"],"contents/zh/concepts/visual-map.md":["Ovilia","plainheart","pissang"],"contents/zh/concepts/tooltip.md":["Ovilia"],"contents/zh/get-started.md":["Ovilia","pissang","zxx0006"],"contents/zh/how-to/animation/universal-transition.md":["pissang"],"contents/zh/how-to/chart-types/bar/polar-bar.md":["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/line/smooth-line.md":["pissang"],"contents/zh/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/best-practices/specification/line/basic-line.md":["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/area-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/how-to/chart-types/pie/rose.md":["pissang"],"contents/zh/how-to/cross-platform/baidu-app.md":["Ovilia","vincentbernat","pissang"],"contents/zh/best-practices/specification/radar.md":["pissang"],"contents/zh/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/zh/best-practices/mobile.md":["pissang"],"contents/zh/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/zh/how-to/data/drilldown.md":["pissang"],"contents/zh/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/concepts/axis.md":["pissang","Ovilia","plainheart","Essentric"],"contents/zh/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/zh/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/zh/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/zh/concepts/style.md":["pissang","plainheart","wangcheng0825","fuchunhui","1335951413"],"contents/zh/best-practices/specification/scatter/scatter.md":["pissang"],"contents/zh/best-practices/specification/line/area.md":["pissang"],"contents/zh/best-practices/specification/scatter/bubble.md":["pissang"],"contents/zh/how-to/animation/transition.md":["pissang"],"contents/zh/best-practices/specification/funnel.md":["pissang"],"contents/zh/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/best-practices/specification/line/stacked-area.md":["pissang"],"contents/zh/best-practices/specification/gauge.md":["pissang"],"contents/zh/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang"],"contents/zh/how-to/cross-platform/server.md":["Ovilia","pissang"],"contents/zh/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang"],"contents/zh/concepts/chart-size.md":["pissang","Ovilia","plainheart","ppd0705"],"contents/zh/how-to/interaction/drag.md":["pissang"],"contents/zh/how-to/label/rich-text.md":["plainheart","pissang"],"contents/zh/how-to/cross-platform/wechat-app.md":["pissang"],"contents/zh/meta/writing.md":["Ovilia","pissang"],"contents/zh/how-to/mobile.md":["pissang"],"contents/zh/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/zh/how-to/data/dynamic-data.md":["pissang","jishen027"],"contents/zh/meta/edit-guide.md":["pissang","suisuiz"],"contents/zh/posts.yml":["pissang","Ovilia"],"contents/en/concepts/tooltip.md":["huanghan01"],"contents/en/concepts/coordinate.md":["huanghan01"],"contents/en/concepts/series.md":["huanghan01"],"contents/en/concepts/options.md":["huanghan01"],"contents/en/how-to/data/drilldown.md":["pissang"]};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(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}}}),I=(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),Z=(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)(Z,(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",I),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/concepts/axis.md":["pissang"],"contents/en/best-practices/specification/radar.md":["pissang"],"contents/en/best-practices/specification/line/stacked-area.md":["pissang"],"contents/en/best-practices/specification/scatter/bubble.md":["pissang"],"contents/en/best-practices/specification/scatter/scatter.md":["pissang"],"contents/en/concepts/event.md":["pissang","Ovilia","100pah"],"contents/en/concepts/visual-map.md":["KrzysztofMadejski","pissang"],"contents/en/concepts/legend.md":["pissang"],"contents/en/get-started.md":["plainheart","Ovilia","randyl","pissang"],"contents/en/concepts/data-transform.md":["plainheart","100pah","pissang","shangchen0531"],"contents/en/concepts/style.md":["plainheart","KrzysztofMadejski","pissang","fuchunhui","zachary-svoboda-accesso"],"contents/en/how-to/chart-types/bar/waterfall.md":["plainheart","pissang"],"contents/en/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/en/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/concepts/legend.md":["pissang","Ovilia","Geoffyscat"],"contents/zh/concepts/options.md":["Ovilia"],"contents/en/basics/inspiration.md":["pissang","dbgee","plainheart"],"contents/en/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/basics/download.md":["plainheart","Ovilia","pissang","zachary-svoboda-accesso"],"contents/en/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/en/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/en/basics/help.md":["plainheart","pissang"],"contents/en/basics/release-note/v5-upgrade-guide.md":["plainheart","Ovilia","fuchunhui","pissang"],"contents/en/basics/release-note/v5-feature.md":["pissang","plainheart","timonla"],"contents/en/best-practices/mobile.md":["pissang"],"contents/en/best-practices/aria.md":["pissang","Ovilia","julien-deramond","zachary-svoboda-accesso"],"contents/en/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/en/best-practices/specification/funnel.md":["pissang"],"contents/en/how-to/chart-types/bar/bar-race.md":["Ovilia","pissang","Shofol"],"contents/en/how-to/chart-types/pie/rose.md":["pissang"],"contents/en/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/en/how-to/chart-types/line/area-line.md":["pissang"],"contents/en/how-to/interaction/drag.md":["pissang"],"contents/en/how-to/chart-types/line/step-line.md":["pissang"],"contents/en/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang","omkar787"],"contents/en/how-to/cross-platform/server.md":["Ovilia","pissang","balloon72"],"contents/en/how-to/data/dynamic-data.md":["yhoiseth","pissang","balloon72"],"contents/en/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/en/best-practices/specification/bar/stacked-bar.md":["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/basic-line.md":["pissang"],"contents/en/concepts/dataset.md":["plainheart","pissang","Ovilia","100pah","Bruce20190410","simonmcconnell"],"contents/en/basics/import.md":["plainheart","pissang","aimuz","ikeq","zachary-svoboda-accesso","btea"],"contents/en/how-to/chart-types/bar/basic-bar.md":["plainheart","pissang"],"contents/en/how-to/animation/transition.md":["pissang"],"contents/en/how-to/data/drilldown.md":["pissang"],"contents/en/how-to/chart-types/bar/stacked-bar.md":["pissang"],"contents/en/how-to/label/rich-text.md":["plainheart","TSinChen","pissang"],"contents/en/meta/edit-guide.md":["pissang","plainheart"],"contents/zh/basics/download.md":["pissang","plainheart","Ovilia","100pah"],"contents/zh/basics/release-note/5-4-0.md":["Ovilia"],"contents/en/posts.yml":["pissang","Ovilia"],"contents/zh/best-practices/design/color-enhance.md":["pissang"],"contents/en/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/concepts/dataset.md":["pissang","plainheart","100pah","Ovilia"],"contents/en/best-practices/specification/gauge.md":["pissang"],"contents/zh/concepts/event.md":["pissang","Ovilia","plainheart","100pah"],"contents/en/how-to/chart-types/pie/doughnut.md":["plainheart","pissang"],"contents/en/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/en/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/en/concepts/chart-size.md":["pissang","plainheart","ppd0705"],"contents/.prettierrc":["pissang"],"contents/en/best-practices/design/color-enhance.md":["pissang"],"contents/en/best-practices/canvas-vs-svg.md":["plainheart","pissang","mrbrianevans"],"contents/zh/get-started.md":["Ovilia","pissang","zxx0006"],"contents/zh/concepts/tooltip.md":["Ovilia"],"contents/zh/concepts/series.md":["Ovilia"],"contents/zh/concepts/style.md":["pissang","plainheart","wangcheng0825","fuchunhui","1335951413"],"contents/en/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/zh/concepts/visual-map.md":["Ovilia","plainheart","pissang"],"contents/zh/how-to/animation/transition.md":["pissang"],"contents/zh/basics/resource.md":["Ovilia","pissang"],"contents/zh/basics/release-note/5-3-0.md":["pissang","Ovilia","plainheart"],"contents/zh/best-practices/specification/pie/basic-pie.md":["pissang"],"contents/zh/basics/release-note/v5-upgrade-guide.md":["plainheart","pissang","Ovilia","fredricen"],"contents/zh/basics/release-note/v5-feature.md":["plainheart","pissang","jiangmaniu","LuckyHookin"],"contents/zh/basics/inspiration.md":["Ovilia","pissang"],"contents/zh/basics/release-note/5-2-0.md":["pissang","Ovilia"],"contents/zh/best-practices/specification/bar/basic-bar.md":["pissang"],"contents/zh/best-practices/specification/funnel.md":["pissang"],"contents/zh/best-practices/specification/radar.md":["pissang"],"contents/zh/best-practices/specification/bar/grouped-bar.md":["pissang"],"contents/zh/basics/help.md":["plainheart","Ovilia","100pah","pissang"],"contents/zh/best-practices/specification/gauge.md":["pissang"],"contents/zh/best-practices/canvas-vs-svg.md":["plainheart","pissang","Chengxi9","btea"],"contents/zh/concepts/axis.md":["pissang","Ovilia","plainheart","Essentric"],"contents/zh/best-practices/mobile.md":["pissang"],"contents/zh/best-practices/specification/line/area.md":["pissang"],"contents/zh/best-practices/aria.md":["Ovilia","plainheart","pissang"],"contents/zh/best-practices/specification/line/basic-line.md":["pissang"],"contents/zh/best-practices/specification/scatter/scatter.md":["pissang"],"contents/zh/concepts/coordinate.md":["Ovilia"],"contents/zh/best-practices/specification/bar/bi-directional-bar.md":["pissang"],"contents/zh/best-practices/specification/line/stacked-area.md":["pissang"],"contents/zh/best-practices/specification/scatter/bubble.md":["pissang"],"contents/zh/concepts/chart-size.md":["pissang","Ovilia","plainheart","ppd0705"],"contents/zh/best-practices/specification/bar/stacked-bar.md":["pissang"],"contents/zh/concepts/data-transform.md":["pissang","100pah","plainheart","idaibin","shangchen0531","meishijia"],"contents/zh/basics/import.md":["pissang","plainheart","michaelxiaohan","aimuz","vueadmin","gugujigua","btea","Yechuanjie"],"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/stacked-bar.md":["ArisLittle","pissang"],"contents/zh/how-to/cross-platform/baidu-app.md":["Ovilia","vincentbernat","pissang"],"contents/zh/how-to/chart-types/line/basic-line.md":["pissang"],"contents/zh/how-to/animation/universal-transition.md":["pissang"],"contents/zh/how-to/chart-types/line/smooth-line.md":["pissang"],"contents/zh/how-to/chart-types/bar/waterfall.md":["robyle","pissang"],"contents/zh/how-to/chart-types/line/area-line.md":["pissang"],"contents/zh/how-to/chart-types/bar/polar-bar.md":["pissang"],"contents/zh/posts.yml":["pissang","Ovilia"],"contents/zh/how-to/chart-types/line/stacked-line.md":["vincentbernat","pissang"],"contents/zh/how-to/connect.md":["pissang"],"contents/zh/how-to/interaction/coarse-pointer.md":["Ovilia","plainheart"],"contents/zh/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/line/step-line.md":["pissang"],"contents/zh/how-to/interaction/drag.md":["pissang"],"contents/zh/how-to/chart-types/pie/basic-pie.md":["pissang"],"contents/zh/how-to/mobile.md":["pissang"],"contents/zh/how-to/data/dynamic-data.md":["pissang","jishen027"],"contents/zh/how-to/cross-platform/wechat-app.md":["pissang"],"contents/zh/how-to/cross-platform/server.md":["Ovilia","pissang"],"contents/zh/meta/writing.md":["Ovilia","pissang"],"contents/zh/how-to/label/rich-text.md":["plainheart","pissang"],"contents/zh/meta/edit-guide.md":["pissang","suisuiz"],"contents/en/concepts/coordinate.md":["huanghan01"],"contents/en/concepts/tooltip.md":["huanghan01"],"contents/en/concepts/series.md":["huanghan01"],"contents/zh/how-to/chart-types/scatter/basic-scatter.md":["pissang"],"contents/en/concepts/options.md":["huanghan01"],"contents/zh/how-to/data/drilldown.md":["pissang"]};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(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 54afd864a..5de7cb879 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 8c0a01e7f..f73907209 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 36c77fe2e..2398d27f8 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.