[Bug] the tooltip of generated svg using renderToSVGString is not working.

### Version

5.2.2

### Link to Minimal Reproduction

n.a.

### Steps to Reproduce

use the same option (configure render to svg) in [playground](https://echarts.apache.org/examples/en/editor.html?c=area-pieces) and renderToSVGString.

```js
option = {
tooltip: { trigger: 'item' },
xAxis: {
type: 'category',
data: ['Apple', 'Banana', 'Orange', 'Melon', 'Grape']
},
yAxis: { type: 'value' },
series: [
{
name: 'Sales',
type: 'bar',
data: [120, 200, 150, 80, 70],
itemStyle: { color: '#5470c6' },
emphasis: { itemStyle: { color: 'Orange' } },
label: { show: true, position: 'top' }
}
]
};
```

### Current Behavior

the svg in playground is highlight and tooltip enabled. But open the generated svg in browser, only highlight, the tooltip is not working as expected.

I did some research, the highlight works because the gnerated svg of renderToSVGString contains some embeded css styles. And the tooltip maybe need some embeded js which is missing now.

Here is an example svg embeded some js for tooltip demo.


svg source:

```xml

```

### Expected Behavior

the tooltip of generated svg using renderToSVGString is working like the normal usage. Maybe need to embed some js to svg.

### Environment

```markdown
- OS: windows
- Browser: edge, chrome
- Framework:
```

### Any additional comments?

_No response_