{"id":27705879,"url":"https://github.com/Justineo/vue-echarts","last_synced_at":"2025-04-26T05:01:39.328Z","repository":{"id":37686697,"uuid":"61364083","full_name":"ecomfe/vue-echarts","owner":"ecomfe","description":"Vue.js component for Apache ECharts™.","archived":false,"fork":false,"pushed_at":"2024-08-19T15:41:55.000Z","size":27888,"stargazers_count":10087,"open_issues_count":3,"forks_count":1496,"subscribers_count":139,"default_branch":"main","last_synced_at":"2025-04-22T15:01:01.312Z","etag":null,"topics":["echarts","vue","vue-echarts"],"latest_commit_sha":null,"homepage":"https://vue-echarts.dev","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ecomfe.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-06-17T09:55:24.000Z","updated_at":"2025-04-22T10:20:47.000Z","dependencies_parsed_at":"2022-08-08T21:15:53.740Z","dependency_job_id":"d57f734f-98f5-4da1-95e1-e4dc8ebc4722","html_url":"https://github.com/ecomfe/vue-echarts","commit_stats":{"total_commits":143,"total_committers":8,"mean_commits":17.875,"dds":0.04895104895104896,"last_synced_commit":"9c34d682c4d6bb1e60d81227fe2acb6d1f793b54"},"previous_names":["justineo/vue-echarts"],"tags_count":33,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecomfe%2Fvue-echarts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecomfe%2Fvue-echarts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecomfe%2Fvue-echarts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecomfe%2Fvue-echarts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ecomfe","download_url":"https://codeload.github.com/ecomfe/vue-echarts/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250935453,"owners_count":21510552,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["echarts","vue","vue-echarts"],"created_at":"2025-04-26T05:01:05.449Z","updated_at":"2025-04-26T05:01:39.232Z","avatar_url":"https://github.com/ecomfe.png","language":"JavaScript","funding_links":[],"categories":["Frameworks","Components \u0026 Libraries","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","UI组件","UI Components [🔝](#readme)","JavaScript","UI Components"],"sub_categories":["Vue Component","UI Components","Libraries \u0026 Plugins","图表","Charts"],"readme":"\u003ch1 align=\"center\"\u003eVue-ECharts\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eVue.js component for Apache ECharts™.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https://npmjs.com/package/vue-echarts\"\u003e\u003cimg alt=\"npm version\" src=\"https://img.shields.io/npm/v/vue-echarts\"\u003e\u003c/a\u003e \u003ca href=\"https://vue-echarts.dev/\"\u003e\u003cimg src=\"https://img.shields.io/badge/Demo%20%C2%BB-20c3aa\" alt=\"View demo\"\u003e\u003c/a\u003e \u003ca href=\"./README.zh-Hans.md\"\u003e\u003cimg src=\"https://img.shields.io/badge/%E4%B8%AD%E6%96%87%E7%89%88%20%C2%BB-000\" alt=\"前往中文版\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https:///pr.new/ecomfe/vue-echarts\"\u003e\u003cimg alt=\"Open in Codeflow\" src=\"https://developer.stackblitz.com/img/open_in_codeflow.svg\" height=\"28\"\u003e\u003c/a\u003e \u003ca href=\"https://codesandbox.io/p/github/ecomfe/vue-echarts\"\u003e\u003cimg alt=\"Edit in CodeSandbox\" src=\"https://assets.codesandbox.io/github/button-edit-lime.svg\" height=\"28\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n---\n\n\u003e Still using v6? Read v6 docs [here →](https://github.com/ecomfe/vue-echarts/tree/6.x)\n\n## Installation \u0026 Usage\n\n### npm\n\n```sh\nnpm add echarts vue-echarts\n```\n\n#### Example\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 3 \u003ca href=\"https://stackblitz.com/edit/vue-echarts-vue-3?file=src%2FApp.vue\"\u003eDemo →\u003c/a\u003e\u003c/summary\u003e\n\n```vue\n\u003ctemplate\u003e\n  \u003cv-chart class=\"chart\" :option=\"option\" /\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\nimport { use } from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\nimport { PieChart } from \"echarts/charts\";\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n} from \"echarts/components\";\nimport VChart, { THEME_KEY } from \"vue-echarts\";\nimport { ref, provide } from \"vue\";\n\nuse([\n  CanvasRenderer,\n  PieChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n]);\n\nprovide(THEME_KEY, \"dark\");\n\nconst option = ref({\n  title: {\n    text: \"Traffic Sources\",\n    left: \"center\"\n  },\n  tooltip: {\n    trigger: \"item\",\n    formatter: \"{a} \u003cbr/\u003e{b} : {c} ({d}%)\"\n  },\n  legend: {\n    orient: \"vertical\",\n    left: \"left\",\n    data: [\"Direct\", \"Email\", \"Ad Networks\", \"Video Ads\", \"Search Engines\"]\n  },\n  series: [\n    {\n      name: \"Traffic Sources\",\n      type: \"pie\",\n      radius: \"55%\",\n      center: [\"50%\", \"60%\"],\n      data: [\n        { value: 335, name: \"Direct\" },\n        { value: 310, name: \"Email\" },\n        { value: 234, name: \"Ad Networks\" },\n        { value: 135, name: \"Video Ads\" },\n        { value: 1548, name: \"Search Engines\" }\n      ],\n      emphasis: {\n        itemStyle: {\n          shadowBlur: 10,\n          shadowOffsetX: 0,\n          shadowColor: \"rgba(0, 0, 0, 0.5)\"\n        }\n      }\n    }\n  ]\n});\n\u003c/script\u003e\n\n\u003cstyle scoped\u003e\n.chart {\n  height: 400px;\n}\n\u003c/style\u003e\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 2 \u003ca href=\"https://stackblitz.com/edit/vue-echarts-vue-2?file=src%2FApp.vue\"\u003eDemo →\u003c/a\u003e\u003c/summary\u003e\n\n```vue\n\u003ctemplate\u003e\n  \u003cv-chart class=\"chart\" :option=\"option\" /\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport { use } from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\nimport { PieChart } from \"echarts/charts\";\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n} from \"echarts/components\";\nimport VChart, { THEME_KEY } from \"vue-echarts\";\n\nuse([\n  CanvasRenderer,\n  PieChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n]);\n\nexport default {\n  name: \"HelloWorld\",\n  components: {\n    VChart\n  },\n  provide: {\n    [THEME_KEY]: \"dark\"\n  },\n  data() {\n    return {\n      option: {\n        title: {\n          text: \"Traffic Sources\",\n          left: \"center\"\n        },\n        tooltip: {\n          trigger: \"item\",\n          formatter: \"{a} \u003cbr/\u003e{b} : {c} ({d}%)\"\n        },\n        legend: {\n          orient: \"vertical\",\n          left: \"left\",\n          data: [\n            \"Direct\",\n            \"Email\",\n            \"Ad Networks\",\n            \"Video Ads\",\n            \"Search Engines\"\n          ]\n        },\n        series: [\n          {\n            name: \"Traffic Sources\",\n            type: \"pie\",\n            radius: \"55%\",\n            center: [\"50%\", \"60%\"],\n            data: [\n              { value: 335, name: \"Direct\" },\n              { value: 310, name: \"Email\" },\n              { value: 234, name: \"Ad Networks\" },\n              { value: 135, name: \"Video Ads\" },\n              { value: 1548, name: \"Search Engines\" }\n            ],\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: \"rgba(0, 0, 0, 0.5)\"\n              }\n            }\n          }\n        ]\n      }\n    };\n  }\n};\n\u003c/script\u003e\n\n\u003cstyle scoped\u003e\n.chart {\n  height: 400px;\n}\n\u003c/style\u003e\n```\n\n\u003c/details\u003e\n\n\u003e [!IMPORTANT]\n\u003e We encourage manually importing components and charts from ECharts for smaller bundle size. We've built an [import code generator](https://vue-echarts.dev/#codegen) to help you with that. You can just paste in your `option` code and we'll generate the precise import code for you.\n\u003e\n\u003e ![](https://github.com/ecomfe/vue-echarts/assets/1726061/f9c38a06-3422-4f0e-ab8c-f242d9aea9aa)\n\u003e\n\u003e [Try it →](https://vue-echarts.dev/#codegen)\n\nBut if you really want to import the whole ECharts bundle without having to import modules manually, just add this in your code:\n\n```js\nimport \"echarts\";\n```\n\n### CDN\n\nDrop `\u003cscript\u003e` inside your HTML file and access the component via `window.VueECharts`.\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 3 \u003ca href=\"https://stackblitz.com/edit/vue-echarts-vue-3-global?file=index.html\"\u003eDemo →\u003c/a\u003e\u003c/summary\u003e\n\n\u003c!-- vue3Scripts:start --\u003e\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue@3.4.33\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/echarts@5.5.1\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue-echarts@7.0.3\"\u003e\u003c/script\u003e\n```\n\u003c!-- vue3Scripts:end --\u003e\n\n```js\nconst app = Vue.createApp(...)\n\n// register globally (or you can do it locally)\napp.component('v-chart', VueECharts)\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 2 \u003ca href=\"https://stackblitz.com/edit/vue-echarts-vue-2-global?file=index.html\"\u003eDemo →\u003c/a\u003e\u003c/summary\u003e\n\n\u003c!-- vue2Scripts:start --\u003e\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue@2.7.16\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/echarts@5.5.1\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue-echarts@7.0.3\"\u003e\u003c/script\u003e\n```\n\u003c!-- vue2Scripts:end --\u003e\n\n```js\n// register globally (or you can do it locally)\nVue.component(\"v-chart\", VueECharts);\n```\n\n\u003c/details\u003e\n\nSee more examples [here](https://github.com/ecomfe/vue-echarts/tree/main/src/demo).\n\n### Props\n\n- `init-options: object`\n\n  Optional chart init configurations. See `echarts.init`'s `opts` parameter [here →](https://echarts.apache.org/en/api.html#echarts.init)\n\n  Injection key: `INIT_OPTIONS_KEY`.\n\n- `theme: string | object`\n\n  Theme to be applied. See `echarts.init`'s `theme` parameter [here →](https://echarts.apache.org/en/api.html#echarts.init)\n\n  Injection key: `THEME_KEY`.\n\n- `option: object`\n\n  ECharts' universal interface. Modifying this prop will trigger ECharts' `setOption` method. Read more [here →](https://echarts.apache.org/en/option.html)\n\n  \u003e 💡 When `update-options` is not specified, `notMerge: false` will be specified by default when the `setOption` method is called if the `option` object is modified directly and the reference remains unchanged; otherwise, if a new reference is bound to `option`, ` notMerge: true` will be specified.\n\n- `update-options: object`\n\n  Options for updating chart option. See `echartsInstance.setOption`'s `opts` parameter [here →](https://echarts.apache.org/en/api.html#echartsInstance.setOption)\n\n  Injection key: `UPDATE_OPTIONS_KEY`.\n\n- `group: string`\n\n  Group name to be used in chart [connection](https://echarts.apache.org/en/api.html#echarts.connect). See `echartsInstance.group` [here →](https://echarts.apache.org/en/api.html#echartsInstance.group)\n\n- `autoresize: boolean | { throttle?: number, onResize?: () =\u003e void }` (default: `false`)\n\n  Whether the chart should be resized automatically whenever its root is resized. Use the options object to specify a custom throttle delay (in milliseconds) and/or an extra resize callback function.\n\n- `loading: boolean` (default: `false`)\n\n  Whether the chart is in loading state.\n\n- `loading-options: object`\n\n  Configuration item of loading animation. See `echartsInstance.showLoading`'s `opts` parameter [here →](https://echarts.apache.org/en/api.html#echartsInstance.showLoading)\n\n  Injection key: `LOADING_OPTIONS_KEY`.\n\n- `manual-update: boolean` (default: `false`)\n\n  For performance critical scenarios (having a large dataset) we'd better bypass Vue's reactivity system for `option` prop. By specifying `manual-update` prop with `true` and not providing `option` prop, the dataset won't be watched any more. After doing so, you need to retrieve the component instance with `ref` and manually call `setOption` method to update the chart.\n\n### Events\n\nYou can bind events with Vue's `v-on` directive.\n\n```vue\n\u003ctemplate\u003e\n  \u003cv-chart :option=\"option\" @highlight=\"handleHighlight\" /\u003e\n\u003c/template\u003e\n```\n\n\u003e **Note**\n\u003e\n\u003e Only the `.once` event modifier is supported as other modifiers are tightly coupled with the DOM event system.\n\nVue-ECharts support the following events:\n\n- `highlight` [→](https://echarts.apache.org/en/api.html#events.highlight)\n- `downplay` [→](https://echarts.apache.org/en/api.html#events.downplay)\n- `selectchanged` [→](https://echarts.apache.org/en/api.html#events.selectchanged)\n- `legendselectchanged` [→](https://echarts.apache.org/en/api.html#events.legendselectchanged)\n- `legendselected` [→](https://echarts.apache.org/en/api.html#events.legendselected)\n- `legendunselected` [→](https://echarts.apache.org/en/api.html#events.legendunselected)\n- `legendselectall` [→](https://echarts.apache.org/en/api.html#events.legendselectall)\n- `legendinverseselect` [→](https://echarts.apache.org/en/api.html#events.legendinverseselect)\n- `legendscroll` [→](https://echarts.apache.org/en/api.html#events.legendscroll)\n- `datazoom` [→](https://echarts.apache.org/en/api.html#events.datazoom)\n- `datarangeselected` [→](https://echarts.apache.org/en/api.html#events.datarangeselected)\n- `timelinechanged` [→](https://echarts.apache.org/en/api.html#events.timelinechanged)\n- `timelineplaychanged` [→](https://echarts.apache.org/en/api.html#events.timelineplaychanged)\n- `restore` [→](https://echarts.apache.org/en/api.html#events.restore)\n- `dataviewchanged` [→](https://echarts.apache.org/en/api.html#events.dataviewchanged)\n- `magictypechanged` [→](https://echarts.apache.org/en/api.html#events.magictypechanged)\n- `geoselectchanged` [→](https://echarts.apache.org/en/api.html#events.geoselectchanged)\n- `geoselected` [→](https://echarts.apache.org/en/api.html#events.geoselected)\n- `geounselected` [→](https://echarts.apache.org/en/api.html#events.geounselected)\n- `axisareaselected` [→](https://echarts.apache.org/en/api.html#events.axisareaselected)\n- `brush` [→](https://echarts.apache.org/en/api.html#events.brush)\n- `brushEnd` [→](https://echarts.apache.org/en/api.html#events.brushEnd)\n- `brushselected` [→](https://echarts.apache.org/en/api.html#events.brushselected)\n- `globalcursortaken` [→](https://echarts.apache.org/en/api.html#events.globalcursortaken)\n- `rendered` [→](https://echarts.apache.org/en/api.html#events.rendered)\n- `finished` [→](https://echarts.apache.org/en/api.html#events.finished)\n- Mouse events\n  - `click` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.click)\n  - `dblclick` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.dblclick)\n  - `mouseover` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.mouseover)\n  - `mouseout` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.mouseout)\n  - `mousemove` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.mousemove)\n  - `mousedown` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.mousedown)\n  - `mouseup` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.mouseup)\n  - `globalout` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.globalout)\n  - `contextmenu` [→](https://echarts.apache.org/en/api.html#events.Mouse%20events.contextmenu)\n- ZRender events\n  - `zr:click`\n  - `zr:mousedown`\n  - `zr:mouseup`\n  - `zr:mousewheel`\n  - `zr:dblclick`\n  - `zr:contextmenu`\n\nSee supported events [here →](https://echarts.apache.org/en/api.html#events)\n\n#### Native DOM Events\n\nAs Vue-ECharts binds events to the ECharts instance by default, there is some caveat when using native DOM events. You need to prefix the event name with `native:` to bind native DOM events (or you can use the `.native` modifier in Vue 2, which is dropped in Vue 3).\n\n```vue\n\u003ctemplate\u003e\n  \u003cv-chart @native:click=\"handleClick\" /\u003e\n\u003c/template\u003e\n```\n\n### Provide / Inject\n\nVue-ECharts provides provide/inject API for `theme`, `init-options`, `update-options` and `loading-options` to help configuring contextual options. eg. for `init-options` you can use the provide API like this:\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 3\u003c/summary\u003e\n\n```js\nimport { THEME_KEY } from 'vue-echarts'\nimport { provide } from 'vue'\n\n// composition API\nprovide(THEME_KEY, 'dark')\n\n// options API\n{\n  provide: {\n    [THEME_KEY]: 'dark'\n  }\n}\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eVue 2\u003c/summary\u003e\n\n```js\nimport { THEME_KEY } from 'vue-echarts'\n\n// in component options\n{\n  provide: {\n    [THEME_KEY]: 'dark'\n  }\n}\n```\n\n\u003e **Note**\n\u003e\n\u003e You need to provide an object for Vue 2 if you want to change it dynamically.\n\u003e\n\u003e ```js\n\u003e // in component options\n\u003e {\n\u003e   data () {\n\u003e     return {\n\u003e       theme: { value: 'dark' }\n\u003e     }\n\u003e   },\n\u003e   provide () {\n\u003e     return {\n\u003e       [THEME_KEY]: this.theme\n\u003e     }\n\u003e   }\n\u003e }\n\u003e ```\n\n\u003c/details\u003e\n\n### Methods\n\n- `setOption` [→](https://echarts.apache.org/en/api.html#echartsInstance.setOption)\n- `getWidth` [→](https://echarts.apache.org/en/api.html#echartsInstance.getWidth)\n- `getHeight` [→](https://echarts.apache.org/en/api.html#echartsInstance.getHeight)\n- `getDom` [→](https://echarts.apache.org/en/api.html#echartsInstance.getDom)\n- `getOption` [→](https://echarts.apache.org/en/api.html#echartsInstance.getOption)\n- `resize` [→](https://echarts.apache.org/en/api.html#echartsInstance.resize)\n- `dispatchAction` [→](https://echarts.apache.org/en/api.html#echartsInstance.dispatchAction)\n- `convertToPixel` [→](https://echarts.apache.org/en/api.html#echartsInstance.convertToPixel)\n- `convertFromPixel` [→](https://echarts.apache.org/en/api.html#echartsInstance.convertFromPixel)\n- `containPixel` [→](https://echarts.apache.org/en/api.html#echartsInstance.containPixel)\n- `showLoading` [→](https://echarts.apache.org/en/api.html#echartsInstance.showLoading)\n- `hideLoading` [→](https://echarts.apache.org/en/api.html#echartsInstance.hideLoading)\n- `getDataURL` [→](https://echarts.apache.org/en/api.html#echartsInstance.getDataURL)\n- `getConnectedDataURL` [→](https://echarts.apache.org/en/api.html#echartsInstance.getConnectedDataURL)\n- `clear` [→](https://echarts.apache.org/en/api.html#echartsInstance.clear)\n- `dispose` [→](https://echarts.apache.org/en/api.html#echartsInstance.dispose)\n\n### Static Methods\n\nStatic methods can be accessed from [`echarts` itself](https://echarts.apache.org/en/api.html#echarts).\n\n## CSP: `style-src` or `style-src-elem`\n\nIf you are applying a CSP to prevent inline `\u003cstyle\u003e` injection, you need to use `vue-echarts/csp` instead of `vue-echarts` and include `vue-echarts/csp/style.css` manually.\n\n## Migration to v7\n\nRead the breaking changes document in the [release log](https://github.com/ecomfe/vue-echarts/releases/tag/v7.0.0-beta.0) and the migration shoud be straightforward.\n\n## Local development\n\n```sh\npnpm i\npnpm serve\n```\n\nOpen `http://localhost:8080` to see the demo.\n\n## Notice\n\nThe Apache Software Foundation [Apache ECharts, ECharts](https://echarts.apache.org/), Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the [Apache Software Foundation](https://www.apache.org/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJustineo%2Fvue-echarts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJustineo%2Fvue-echarts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJustineo%2Fvue-echarts/lists"}