Skip to content

Commit 3dd53e8

Browse files
chenliang15405chenliang15405
authored
feat(web): Dashboard supports Pie Chart visualization (#2709)
# Description Implement Pie Chart visualization support in dashboard components. This PR adds pie chart visualization capability to the dashboard, allowing users to: - Render pie charts in the chat_dashboard mode - Preview pie charts in the chat_dashboard editor mode ## Implementation Details - Added new file: `web/components/chart/pie-chart.tsx` that implements pie chart rendering logic using G2 - Modified `web/components/chart/index.tsx` to integrate the pie chart component into the dashboard chart rendering flow - Added animation effects, hover interactions, and improved legend display - Fixed interaction bugs to ensure smooth visualization # How Has This Been Tested? Testing procedure included: 1. Creating datasets with category-based data suitable for pie charts 2. Verifying pie chart visualization in chat_dashboard mode 3. Confirming preview functionality works correctly in the editor mode 4. Testing interactions: hover effects, animations, and legend display All tests confirm the feature works as expected with proper visualization of categorical data proportions. # Snapshots: ![image](https://github.com/user-attachments/assets/575e3306-62e8-4c91-ae7f-928770534b95) ![image](https://github.com/user-attachments/assets/efc6bdec-5e1f-4172-9b08-10fb8e439c68) # Checklist: - [x] My code follows the style guidelines of this project - [x] I have already rebased the commits and make the commit message conform to the project standard. - [x] I have performed a self-review of my own code - [x] I have commented my code, particularly in hard-to-understand areas - [x] I have made corresponding changes to the documentation - [x] Any dependent changes have been merged and published in downstream modules Fixes #2708
2 parents cbc28ea + 3a423aa commit 3dd53e8

File tree

132 files changed

+848
-299
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

132 files changed

+848
-299
lines changed

‎packages/dbgpt-app/src/dbgpt_app/static/web/404.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="icon" href="/favicon.ico"/><meta name="description" content="Revolutionizing Database Interactions with Private LLM Technology"/><meta property="og:description" content="eosphoros-ai"/><meta property="og:title" content="DB-GPT"/><link rel="preload" href="/_next/static/css/34ee7fb96dddf02f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/34ee7fb96dddf02f.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-08743c9dbe9dc6ec.js" defer=""></script><script src="/_next/static/chunks/framework-8b06d32cbb857e0e.js" defer=""></script><script src="/_next/static/chunks/main-6c4c7f5b8c9b1320.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99a8aa5ea2b4e17f.js" defer=""></script><script src="/_next/static/chunks/pages/_error-8095ba9e1bf12f30.js" defer=""></script><script src="/_next/static/92PcYaWoHwuIxaEr7akRs/_buildManifest.js" defer=""></script><script src="/_next/static/92PcYaWoHwuIxaEr7akRs/_ssgManifest.js" defer=""></script><link rel="stylesheet" href="/_next/static/css/antd-output/antd.min.7d5365b5.css"/></head><body><div id="__next"><div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"92PcYaWoHwuIxaEr7akRs","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="icon" href="/favicon.ico"/><meta name="description" content="Revolutionizing Database Interactions with Private LLM Technology"/><meta property="og:description" content="eosphoros-ai"/><meta property="og:title" content="DB-GPT"/><link rel="preload" href="/_next/static/css/6542226e1c74aa1d.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6542226e1c74aa1d.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-fa39150a1fca8305.js" defer=""></script><script src="/_next/static/chunks/framework-8b06d32cbb857e0e.js" defer=""></script><script src="/_next/static/chunks/main-6c4c7f5b8c9b1320.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f4b95bb51dc8df6b.js" defer=""></script><script src="/_next/static/chunks/pages/_error-8095ba9e1bf12f30.js" defer=""></script><script src="/_next/static/AsMlMcJ1t-1PSN4NnUfK6/_buildManifest.js" defer=""></script><script src="/_next/static/AsMlMcJ1t-1PSN4NnUfK6/_ssgManifest.js" defer=""></script><link rel="stylesheet" href="/_next/static/css/antd-output/antd.min.7d5365b5.css"/></head><body><div id="__next"><div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"AsMlMcJ1t-1PSN4NnUfK6","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

‎packages/dbgpt-app/src/dbgpt_app/static/web/404/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="icon" href="/favicon.ico"/><meta name="description" content="Revolutionizing Database Interactions with Private LLM Technology"/><meta property="og:description" content="eosphoros-ai"/><meta property="og:title" content="DB-GPT"/><link rel="preload" href="/_next/static/css/34ee7fb96dddf02f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/34ee7fb96dddf02f.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-08743c9dbe9dc6ec.js" defer=""></script><script src="/_next/static/chunks/framework-8b06d32cbb857e0e.js" defer=""></script><script src="/_next/static/chunks/main-6c4c7f5b8c9b1320.js" defer=""></script><script src="/_next/static/chunks/pages/_app-99a8aa5ea2b4e17f.js" defer=""></script><script src="/_next/static/chunks/pages/_error-8095ba9e1bf12f30.js" defer=""></script><script src="/_next/static/92PcYaWoHwuIxaEr7akRs/_buildManifest.js" defer=""></script><script src="/_next/static/92PcYaWoHwuIxaEr7akRs/_ssgManifest.js" defer=""></script><link rel="stylesheet" href="/_next/static/css/antd-output/antd.min.7d5365b5.css"/></head><body><div id="__next"><div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"92PcYaWoHwuIxaEr7akRs","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="icon" href="/favicon.ico"/><meta name="description" content="Revolutionizing Database Interactions with Private LLM Technology"/><meta property="og:description" content="eosphoros-ai"/><meta property="og:title" content="DB-GPT"/><link rel="preload" href="/_next/static/css/6542226e1c74aa1d.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6542226e1c74aa1d.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-fa39150a1fca8305.js" defer=""></script><script src="/_next/static/chunks/framework-8b06d32cbb857e0e.js" defer=""></script><script src="/_next/static/chunks/main-6c4c7f5b8c9b1320.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f4b95bb51dc8df6b.js" defer=""></script><script src="/_next/static/chunks/pages/_error-8095ba9e1bf12f30.js" defer=""></script><script src="/_next/static/AsMlMcJ1t-1PSN4NnUfK6/_buildManifest.js" defer=""></script><script src="/_next/static/AsMlMcJ1t-1PSN4NnUfK6/_ssgManifest.js" defer=""></script><link rel="stylesheet" href="/_next/static/css/antd-output/antd.min.7d5365b5.css"/></head><body><div id="__next"><div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"AsMlMcJ1t-1PSN4NnUfK6","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

packages/dbgpt-app/src/dbgpt_app/static/web/_next/data/92PcYaWoHwuIxaEr7akRs/construct/prompt/add.json renamed to packages/dbgpt-app/src/dbgpt_app/static/web/_next/data/AsMlMcJ1t-1PSN4NnUfK6/construct/prompt/add.json

File renamed without changes.

packages/dbgpt-app/src/dbgpt_app/static/web/_next/data/92PcYaWoHwuIxaEr7akRs/construct/prompt/edit.json renamed to packages/dbgpt-app/src/dbgpt_app/static/web/_next/data/AsMlMcJ1t-1PSN4NnUfK6/construct/prompt/edit.json

File renamed without changes.

‎packages/dbgpt-app/src/dbgpt_app/static/web/_next/static/92PcYaWoHwuIxaEr7akRs/_buildManifest.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)