yellowadmin/pp-tcms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create progress stacked bar chart

Browse Source
This commit is contained in:
Takeshi Kimata
2024-04-27 14:28:26 +09:00
parent c2c5652769
commit 5f9a7c0dc2
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/app/projects/[projectId]/runs/[runId]/RunEditor.tsx
View File

@@ -319,7 +319,7 @@ export default function RunEditor({ projectId, runId }: Props) {
</div> </div>
</div> </div>
<div className="mt-3 flex rounded-small border-2 dark:border-neutral-700"> <div className="mt-3 flex rounded-small border-2 dark:border-neutral-700 mb-12">
<div className="w-3/12 border-r-1 dark:border-neutral-700"> <div className="w-3/12 border-r-1 dark:border-neutral-700">
<Listbox aria-label="Listbox Variants" variant="light"> <Listbox aria-label="Listbox Variants" variant="light">
{folders.map((folder, index) => ( {folders.map((folder, index) => (

7
frontend/app/projects/[projectId]/runs/[runId]/RunProgressChart.tsx
View File

@@ -62,6 +62,11 @@ export default function RunProgressChart() {
left: -20, left: -20,
}, },
}, },
tooltip: {
x: {
show: false,
},
},
}, },
}); });
return ( return (
@@ -72,7 +77,7 @@ export default function RunProgressChart() {
series={chartData.series} series={chartData.series}
type="bar" type="bar"
width={500} width={500}
height={100} height={80}
/> />
</div> </div>
); );