pyecharts 图表联动
时间: 2023-07-09 14:40:35 浏览: 133
小程序调用echarts表格,实现各种图表操作
Pyecharts 支持图表联动,可以通过使用 `add_js_funcs()` 方法添加 JavaScript 代码来实现。以下是一个简单的例子:
```python
from pyecharts import options as opts
from pyecharts.charts import Bar, Line
from pyecharts.faker import Faker
# 生成数据
x = Faker.choose()
y1 = Faker.values()
y2 = Faker.values()
# 创建柱状图
bar = Bar()
bar.add_xaxis(x)
bar.add_yaxis("A", y1)
# 创建折线图
line = Line()
line.add_xaxis(x)
line.add_yaxis("B", y2)
# 添加联动
bar.add_js_funcs("""
myChart.on('mouseover', function (params) {
line.dispatchAction({
type: 'showTip',
seriesIndex: 0,
dataIndex: params.dataIndex
});
});
myChart.on('mouseout', function (params) {
line.dispatchAction({
type: 'hideTip'
});
});
""")
# 渲染图表
bar.render_notebook()
```
这个例子中创建了一个柱状图和一个折线图,并通过 `add_js_funcs()` 方法添加了 JavaScript 代码,实现了当鼠标移到柱状图上时,折线图相应的点也会显示出来。你可以根据实际需求修改 JavaScript 代码的内容来实现不同的联动效果。
阅读全文