option = {
graphic: [
{
type: 'group',
left: 10,
top: 10,
children: [
{
type: 'rect',
left: 0,
top: 0,
shape: {
width: 100,
height: 50
},
style: {
fill: 'blue'
}
},
{
type: 'text',
left: 50,
top: 25,
style: {
text: 'Group',
fill: 'white',
font: 'bold 16px Arial'
}
}
]
},
// 可以添加更多的 graphic 元素...
],
series: [
{
type: 'bar',
data: [10, 20, 15, 25, 30, 18],
// 其他 series 配置项...
}
],
// 其他配置项...
};
在上面的例子中，graphic 数组中包含一个 group 图形元素，该组包含两个子图形元素，一个是矩形，另一个是文本。通过 children 属性可以设置组中的子元素。
left 和 top 属性表示组的左上角坐标，子元素的坐标是相对于组的坐标系的。在示例中，矩形的左上角位于组的原点 (0, 0)，文本的位置相对于组的坐标 (50, 25)。
你可以根据实际需求在 group 中添加更多的子元素，实现更复杂的图形组合和布局。在 ECharts 的官方文档中，你可以找到更多有关 group 和其他图形元素的配置选项和示例：[ECharts Graphic](https://echarts.apache.org/examples/en/editor.html?c=doc-example/graphic)。
转载请注明出处：http://www.zyzy.cn/article/detail/5378/ECharts