js动态的向series中添加柱状堆叠图数据,怎么设置tooltip
时间: 2023-06-15 22:03:13 浏览: 88
要想动态地向ECharts中的series添加柱状堆叠图数据,可以使用ECharts提供的API来实现。以下是添加数据的示例代码:
```javascript
// 获取柱状堆叠图的series对象
var series = chart.getOption().series[0];
// 向series中添加数据
series.data.push(10);
// 更新图表
chart.setOption({
series: [series]
});
```
关于如何设置tooltip,可以在ECharts的option中设置tooltip属性。以下是一个示例代码:
```javascript
option = {
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
name: 'A',
type: 'bar',
stack: 'stack',
data: [120, 132, 101, 134, 90, 230, 210]
}, {
name: 'B',
type: 'bar',
stack: 'stack',
data: [220, 182, 191, 234, 290, 330, 310]
}, {
name: 'C',
type: 'bar',
stack: 'stack',
data: [150, 232, 201, 154, 190, 330, 410]
}]
};
```
在上面的代码中,我们设置了tooltip的trigger为'axis',这意味着当鼠标悬停在某个数据项上时,会显示该数据项以及其它系列的数据。如果需要只显示当前系列的数据,可以将trigger设置为'item'。