v8.0

[kingyue737]

All preparations for the upcoming v8.0 release will be carried out on the 8.0 branch https://github.com/ecomfe/vue-echarts/tree/8.0 , stay tuned!

Major changes

• ⚠️ Drop support for Vue 2 (no more vue-demi, fixes Any plan to remove the dependency on vue-demi? #827)
• ⚠️ Upgrade ECharts to v6.0

Checklist

• Remove vue-demi and Vue 2 related code
• Build type declarations from source code instead of maintaining a manual version at https://github.com/ecomfe/vue-echarts/blob/b7852ab6430084c54a8e1c0a05648748da94bc64/src/index.d.ts
• Use Web Components without native class support detection:

  vue-echarts/src/wc.ts

  Lines 9 to 39 in b7852ab

  	export function register(): boolean {
  	if (registered != null) {
  	return registered;
  	}
  	if (
  	typeof HTMLElement === "undefined" ||
  	typeof customElements === "undefined"
  	) {
  	return (registered = false);
  	}
  	try {
  	// Class definitions cannot be transpiled to ES5
  	// so we are doing a little trick here to ensure
  	// we are using native classes. As we use this as
  	// a progressive enhancement, it will be fine even
  	// if the browser doesn't support native classes.
  	const reg = new Function(
  	"tag",
  	// Use esbuild repl to keep build process simple
  	// https://esbuild.github.io/try/#dAAwLjIzLjAALS1taW5pZnkAY2xhc3MgRUNoYXJ0c0VsZW1lbnQgZXh0ZW5kcyBIVE1MRWxlbWVudCB7CiAgX19kaXNwb3NlID0gbnVsbDsKCiAgZGlzY29ubmVjdGVkQ2FsbGJhY2soKSB7CiAgICBpZiAodGhpcy5fX2Rpc3Bvc2UpIHsKICAgICAgdGhpcy5fX2Rpc3Bvc2UoKTsKICAgICAgdGhpcy5fX2Rpc3Bvc2UgPSBudWxsOwogICAgfQogIH0KfQoKaWYgKGN1c3RvbUVsZW1lbnRzLmdldCh0YWcpID09IG51bGwpIHsKICBjdXN0b21FbGVtZW50cy5kZWZpbmUodGFnLCBFQ2hhcnRzRWxlbWVudCk7Cn0K
  	"class EChartsElement extends HTMLElement{__dispose=null;disconnectedCallback(){this.__dispose&&(this.__dispose(),this.__dispose=null)}}customElements.get(tag)==null&&customElements.define(tag,EChartsElement);"
  	);
  	reg(TAG_NAME);
  	} catch (e) {
  	return (registered = false);
  	}
  	return (registered = true);
  	}

• Support component rendered tooltips
• Support dynamic theme switching with setTheme (see feat(theme): dynamically update the theme apache/echarts#20705)
  ...and enable same feature for CSP/SSR build
• [CodeGen] add Thumbnail Component (see feat(graph): new thumbnail component apache/echarts#17471)
• [CodeGen] add Chord Chart (see feat(chord): new chord series apache/echarts#20522)
• [Demo] Switch to Vite?
• [Chore] ESLint flat config
• [Chore] Cleanup unused devDependencies(resize-detector, @rollup/plugin-node-resolve...)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
vue-echarts	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 22, 2025 5:38am

[Justineo]

Thank you, @kingyue737! I’ve added a few items to the list that I had been thinking about for a while.

[kingyue737]

I found a nice example for component-rendered tooltips:

https://github.com/meitan-li/sfc-tooltip-demo?tab=readme-ov-file#%E6%96%B9%E5%BC%8F%E4%BA%8C-%E4%BD%BF%E7%94%A8customelement

According to this guide, users can render custom elements inside tooltip.formatter pretty easily.
So it seems like there's no extra work needed on our end🤔.

[Justineo]

So it seems like there's no extra work needed on our end🤔.

I still think it's better DX if we can have this built-in as slots, which makes things much easier.