<echart-embed>
<echart-embed> is an awesome element. It's a great introduction to building web components with LitElement, with nice documentation site as well.
As easy as HTML
<echart-embed> is just an HTML element. You can it anywhere you can use HTML!
<echart-embed></echart-embed>
Configure with attributes
<echart-embed> can be configured with attributed in plain HTML.
<echart-embed name="HTML"></echart-embed>
Declarative rendering
<echart-embed> can be used with declarative rendering libraries like Angular, React, Vue, and lit-html
import {html, render} from 'lit-html';
const name = 'lit-html';
render(
html`
<h2>This is a <echart-embed></h2>
<echart-embed .name=${name}></echart-embed>
`,
document.body
);