echarts graph配置项,echarts组合图,new echarts.graphic,echarts graph参考手册,echarts基本配置,echarts组件化
ECharts 的 graphic 组件是一个用于创建自定义图形元素的工具，可以通过配置 group 图形元素来实现。一个 group 由多个子元素组成，每个子元素可以是文本、图片、图形等。通过设置 group 元素的属性，可以控制其位置、大小、旋转角度等。

以下是一个简单的示例，展示了如何使用 group 元素创建一个包含文本和圆形的组合图形：

javascript
option = {
graphic: [
{
type: 'group',
left: 'center',
top: 'middle',
children: [
{
type: 'text',
style: {
text: 'Hello, ECharts!',
font: 'bold 24px Arial'
}
},
{
type: 'circle',
shape: {
cx: 0,
cy: 0,
r: 50
},
style: {
fill: '#ccc'
}
}
]
}
]
}


在这个例子中，我们先创建一个 group 元素，并将其放置在画布的中心位置。然后，在 group 中添加了两个子元素：一个文本元素和一个圆形元素。文本元素的样式设置了字体加粗和字号为 24px 的 Arial 字体；圆形元素通过 shape 属性的 cx、cy 和 r 来指定其位置和大小，通过 style 属性设置了圆形的填充色为灰色。

通过上述配置，我们得到的效果是一个居中显示的文本和圆形组合图形，如下图所示：