如何同时画分组柱状图和折线图且图例中分组柱状图和线图的样式不同

- [ ] I have searched the [issues](https://github.com/antvis/f2/issues) of this repository and believe that this is not a duplicate.

### What problem does this feature solve?
希望实现的效果图 https://user-images.githubusercontent.com/5419886/174857155-ffe64d71-bb03-45c5-b727-a4b42c7ccc35.jpg
同时画分组柱状图和多条线图，图例中分组柱状图和线图都要有，tooltip中可以同时显示分组柱状图和线图的数据

类似于这个demo，但是有多条折线 https://echarts.apache.org/examples/zh/editor.html?c=mix-line-bar

### What does the proposed API look like?
暂无

The issue provides a reference image and an ECharts mixed line-bar demo, but names no F2 files, tests, or entry points. Start by locating the chart, legend, and tooltip implementations, then clarify the API and acceptance criteria for grouped bars, multiple lines, separate legend styles, and combined tooltip data before making changes.

Written by the indexing model from the issue text.