Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nivo Calendar does not render on iPhones #1601

Open
jackvaughanjr opened this issue Apr 6, 2020 · 0 comments
Open

Nivo Calendar does not render on iPhones #1601

jackvaughanjr opened this issue Apr 6, 2020 · 0 comments
Labels
bug Something isn't working
Milestone

Comments

@jackvaughanjr
Copy link

jackvaughanjr commented Apr 6, 2020

Describe the Issue

Calendar chart using New-UDNivoChart -Calendar does not render on iPhones.
Tested on iPhone 7+, 8 and XR.

To Reproduce

Add a Nivo Calendar chart to a page.
Navigate to dashboard on iPhone.

Expected behavior

Calendar chart should render on iPhones the same way it does on other devices.

Screenshots

Android (Galaxy S10):
image
iPhone (iPhone XR):
image

Script Sample

    New-UDMuTypography -Text 'Missouri' -Align center -Variant h4
    New-UDRow -Columns {
        New-UDColumn -Size 12 -Content {
            New-UDNivoChart -Calendar -Data $calMissouriData -From '2020-01-01' -To $toDate -Responsive -Height 250 -MarginTop $margin -MarginBottom $margin -MarginLeft $margin -MarginRight $margin -Colors @('#ffd000', '#ffba00', '#ffa300', '#ff8c00', '#ff7400', '#fc5a03')
        }
        New-UDColumn -Size 12 -Content {
            $barDataset = @()
            New-UDChart -Type Bar -Endpoint {
                For ($k = 0; $k -lt $barMissouri.Count; $k++)
                {
                    $props = [ordered]@{
                        Date      = $barMissouri[$k].date.Substring(0, 10);
                        Active    = $barMissouri[$k].confirmed - $barMissouri[$k].deaths - $barMissouri[$k].recovered;
                        Deaths    = $barMissouri[$k].deaths;
                        Recovered = $barMissouri[$k].recovered;
                    }
                    $barDataset += @(New-Object PSCustomObject -Property $props)
                }
                $barDataset | Out-UDChartData -LabelProperty "Date" -Dataset @(
                    New-UDChartDataset -DataProperty "Active" -Label "Active" -BackgroundColor $colorBarActive -HoverBackgroundColor $colorHoverActive
                    New-UDChartDataset -DataProperty "Deaths" -Label "Deaths" -BackgroundColor $colorBarDeath -HoverBackgroundColor $colorHoverDeath
                    New-UDChartDataset -DataProperty "Recovered" -Label "Recovered" -BackgroundColor $colorBarRecovered -HoverBackgroundColor $colorHoverRecovered
                )
            } -Options $barOptions
        }
    }

Version Information

  • Operating System: Windows Server 2016 Standard
  • PowerShell Version: 5.1.14393.3471
  • Universal Dashboard Version: 2.9.0
  • UD Hosting Method: PowerShell
@jackvaughanjr jackvaughanjr added the bug Something isn't working label Apr 6, 2020
@adamdriscoll adamdriscoll added this to the 3.0.0 milestone Apr 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants