Universal 3.3.0 - New-UDChartJS problem

PowerShell Universal
1 
Product: PowerShell Universal
Version: 3.3.0

I have just updated my dev environment and now my line UDChartJS charts shows error. Even when I try the sample code beow I get error. Pie charts are ok.

$Data = Get-Process | Sort-Object -Property CPU -Descending | Select-Object -First 10 
 New-UDChartJS -Type 'line' -Data $Data -DataProperty CPU -LabelProperty ProcessName

This is the error code

Error rendering component (ud-chartjs)
Error: "line" is not a registered element.

    at ChartComponent (http://localhost/vendors-node_modules_react-chartjs-2_dist_index_js.3aa432471b770cc352e9.bundle.js:104:11)
    at highOrderComponent (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:51813:55)
    at ErrorBoundary (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49950:197)
    at Suspense
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at CardContent (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:27141:82)
    at UDCardBody (http://localhost/Components_card_jsx.71cecb1ea1f2074607da.bundle.js:49:197)
    at WithStyles (http://localhost/vendors-node_modules_mui_material_CardActions_CardActions_js-node_modules_mui_material_CardHe-7c819f.c1dfac0d437e39e69de6.bundle.js:735:21)
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at Transition (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:94783:30)
    at Collapse (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:27819:82)
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at Paper (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:33594:82)
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at Card (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:27283:82)
    at UDMuCard (http://localhost/Components_card_jsx.71cecb1ea1f2074607da.bundle.js:793:197)
    at WithStyles (http://localhost/vendors-node_modules_mui_material_CardActions_CardActions_js-node_modules_mui_material_CardHe-7c819f.c1dfac0d437e39e69de6.bundle.js:735:21)
    at ErrorBoundary (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49950:197)
    at Suspense
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at Grid (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:30709:87)
    at UDGrid (http://localhost/Components_grid_jsx.1d7db2fb2b85af6f2f52.bundle.js:24:16)
    at ErrorBoundary (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49950:197)
    at Suspense
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at Grid (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:30709:87)
    at UDGrid (http://localhost/Components_grid_jsx.1d7db2fb2b85af6f2f52.bundle.js:24:16)
    at ErrorBoundary (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49950:197)
    at Suspense
    at highOrderComponent (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:51813:55)
    at ErrorBoundary (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49950:197)
    at Suspense
    at div
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:190:66
    at Container
    at highOrderComponent (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:51813:55)
    at ErrorBoundary (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49950:197)
    at Suspense
    at main
    at UDPage (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:47703:23)
    at highOrderComponent (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:51813:55)
    at Route (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:88838:29)
    at Switch (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:89044:29)
    at div
    at Suspense
    at highOrderComponent (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:51813:55)
    at Suspense
    at InnerThemeProvider (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:43026:70)
    at ThemeProvider (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:41364:5)
    at ThemeProvider (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:43046:5)
    at StyledEngineProvider (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:41549:5)
    at n (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:101898:58)
    at http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:101898:1060
    at Dashboard (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:51114:23)
    at Route (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:88838:29)
    at Switch (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:89044:29)
    at div
    at Router (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:88469:30)
    at BrowserRouter (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:88094:35)
    at App (http://localhost/index.5e260e60cb3e7cff97ba.bundle.js:49496:197)
1 Like
2

I had something similar happen, I was using the type ‘horizontalBar’ before 3.3.1 and it was failing to load, I had to switch to ‘bar’ and pass a hashtable to -Options, but it still doesn’t look the same.

New-UDChartJS -Type ‘bar’ -Options @{ indexAxis = ‘y’ } …