echarts 如何实现这种气泡图

echarts 怎样实现这种气泡效果，下面的滑块滑动时内容需要对应切换

img

以下答案引用自GPT-3大模型,请合理使用：
【代码】

var chart = new Ext.charts.Chart({

renderTo: 'chart-container',

width: 400,

height: 400,

series: [{

type: 'bubble',

xField: 'x',

yField: 'y',

sizeField: 'size',

data: [

[1, 2, 3],

[4, 5, 6],

[7, 8, 9]

]

}],

axis: {

title: 'Data points',

x: 0,

y: 1

},

legend: {

position: 'bottom'

},

tooltip: {

valueSuffix: '%'

},

});