You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Taipy中获取Heatmap、Radar Charts等未内置图表?

在Taipy中添加Heatmap、Radar Chart等图表的方案

Taipy内置的基础图表组件并未直接提供Heatmap、Radar这类特定图表,不过可以通过集成Plotly快速实现这类可视化需求,这是Taipy用户最常用的解决方案,具体步骤如下:

1. 安装并准备Plotly图表对象

首先确保已安装Plotly:

pip install plotly

生成Heatmap图表对象

import plotly.graph_objects as go
import numpy as np

# 示例数据,可替换为你的业务数据
z_data = np.random.rand(10, 10)
heatmap_fig = go.Figure(data=go.Heatmap(z=z_data, colorscale='Viridis'))

生成Radar Chart图表对象

import plotly.graph_objects as go

# 分类标签与对应数值
categories = ['指标A', '指标B', '指标C', '指标D', '指标E']
values = [4.2, 3.5, 5.0, 2.8, 4.0]

radar_fig = go.Figure(data=go.Scatterpolar(
    r=values,
    theta=categories,
    fill='toself',
    name='数据系列'
))
radar_fig.update_layout(
    polar=dict(radialaxis=dict(range=[0, 5], visible=True)),
    showlegend=True
)

2. 在Taipy GUI中渲染图表

在Taipy的页面定义中,使用chart组件并绑定Plotly的Figure对象即可渲染:

from taipy.gui import Gui

page_content = """
# 自定义可视化仪表板

## 热力图展示
<|{heatmap_fig}|chart|>

## 雷达图展示
<|{radar_fig}|chart|>
"""

# 启动Taipy应用
Gui(page_content).run()

3. 动态更新图表(按需使用)

如果需要根据用户操作或数据变化实时更新图表,可结合Taipy的回调函数修改Plotly Figure属性后触发更新:

def refresh_heatmap(state):
    # 生成新数据模拟业务更新
    new_z = np.random.rand(10, 10)
    state.heatmap_fig.data[0].z = new_z
    state.gui.update(state)

# 更新页面内容,添加触发按钮
page_content = """
# 自定义可视化仪表板

## 热力图展示
<|{heatmap_fig}|chart|>
<|刷新热力图|button|on_action=refresh_heatmap|>

## 雷达图展示
<|{radar_fig}|chart|>
"""

Gui(page_content).run()

除了Plotly,你也可以通过Taipy的html组件嵌入D3.js等自定义JS图表,但Plotly的集成方式更贴合Taipy的交互式仪表板场景,实现成本更低。

内容的提问来源于stack exchange,提问作者Rym Guerbi Michaut

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 01:57:50