New-UDChartJS Pie\Doughnut

PowerShell Universal
1 
Product: PowerShell Universal
Version: 3.9.1

I know I am probably missing something easy here but I am having trouble building a chart for used space and free space. My dataset is basically just free space and used space. Trying to do something like this.

ULuqhH5H4o

2

Here’s an example that does this with disk drives.

3

Thanks that did it for me. My only problem now is it doesn’t show the label names on the legend.

4

If you can share your code, I can try and figure it out.

5

Here is my code and what is displayed. Thanks!

image

New-UDCard -Id 'Cloudian' -Content {
                $MonitorResponse = Invoke-RestMethod @Params
                $data = @(
                    @{ Label = 'Used'; Value = $MonitorResponse.diskUsedKb.value }
                    @{ Label = 'Free'; Value = $MonitorResponse.diskAvailKb.value}
                )
        New-UDGrid -Container -Children {
            New-UDGrid -Item -Children {
                New-UDTypography -Text "Cloudian"
            } -ExtraSmallSize 12
            New-UDGrid -Item -Children {
                New-UDChartJS -Type doughnut -Data $data -LabelProperty 'Label' -DataProperty 'value' -BackgroundColor @('#126f8c', '#8da322')
            }
        }
6

I found my issue, I have a custom theme and the text is the same color as the background.

Thanks for your help.

7

How can I change the size of the chart?

8

Charts and cards will fill the space that contain them, take a look on Grid - PowerShell Universal

9

Thanks for the reply, I am using grids but the chart doesn’t resize. I am actually using new-udgridlayout as well.