echarts中使用graphic用法

ECharts 中的 `graphic` 可以用来添加图形元素，包括文本、图片、矩形、圆形、线段等等。它的使用方法如下：

1. 在 `option` 中添加 `graphic` 属性，值为一个数组，数组中每个元素代表一个图形元素。

2. 每个图形元素都需要设置一个唯一的 `id` 属性，以便在后面的操作中引用。

3. 根据需要设置图形元素的 `type` 属性，比如设置为 `text` 表示文本，设置为 `image` 表示图片，设置为 `rect` 表示矩形，设置为 `circle` 表示圆形，设置为 `line` 表示线段等等。

4. 根据需要设置图形元素的 `style` 属性，比如设置文本内容、字体大小、颜色、位置等等。

5. 根据需要设置图形元素的 `shape` 属性，比如设置矩形的宽度、高度、圆角半径等等。

6. 根据需要设置图形元素的 `position` 属性，表示图形元素的位置，可以设置为绝对位置或相对位置。

7. 根据需要设置图形元素的 `z` 属性，用来控制图形元素的层级关系，值越大表示越靠前。

下面是一个使用 `graphic` 添加文本和图片的示例：

option = {
    graphic: [
        {
            id: 'text1',
            type: 'text',
            style: {
                text: 'Hello ECharts',
                font: 'bold 16px Arial',
                fill: '#333',
                x: 50,
                y: 50
            }
        },
        {
            id: 'image1',
            type: 'image',
            style: {
                image: 'https://www.echartsjs.com/zh/asset/img/logo.png',
                width: 100,
                height: 100,
                x: 100,
                y: 100
            }
        }
    ],
    series: [
        {
            data: [1, 2, 3, 4, 5],
            type: 'bar'
        }
    ]
};

在上面的示例中，我们添加了一个文本和一个图片。文本的 `id` 设置为 `text1`，类型为 `text`，内容为 `Hello ECharts`，字体为 `bold 16px Arial`，颜色为 `#333`，位置为 `(50, 50)`。图片的 `id` 设置为 `image1`，类型为 `image`，图片地址为 `https://www.echartsjs.com/zh/asset/img/logo.png`，宽度为 `100`，高度为 `100`，位置为 `(100, 100)`。在 `series` 中我们添加了一个柱状图的数据系列。

除了文本和图片，`graphic` 还支持添加其他类型的图形元素，具体可以参考 ECharts 官网的文档。