Example Chartsline

Source-owned example maintained with PSWriteHTML.

• Source repository: https://github.com/EvotecIT/PSWriteHTML
• Example group: Example-Charts

Import-Module .\PSWriteHTML.psd1 -Force

New-HTML -TitleText 'Charts - Line' -Online -FilePath $PSScriptRoot\Example-ChartsLine.html {
    New-HTMLChart -Title 'Incidents Reported vs Solved' -TitleAlignment center {
        $Dates = @(
            (Get-Date).AddDays(1).Date.AddMinutes(60)
            (Get-Date).AddDays(2).Date.AddMinutes(60)
            (Get-Date).AddDays(3).Date.AddMinutes(60)
            (Get-Date).AddDays(4).Date.AddMinutes(60)
            (Get-Date).AddDays(5).Date.AddMinutes(60)
            (Get-Date).AddDays(6).Date.AddMinutes(60)
            (Get-Date).AddDays(7).Date.AddMinutes(60)
            (Get-Date).AddDays(8).Date.AddMinutes(60)
            (Get-Date).AddDays(9).Date.AddMinutes(60)
        )
        New-ChartAxisX -Type datetime -Names $Dates
        New-ChartLine -Name 'Incidents per month' -Value 10, 41, 35, 51, 49, 62, 69, 91, 148
        New-ChartLine -Name 'Incidents per month resolved' -Value 5, 10, 20, 31, 49, 62, 69, 91, 148
        # Series on the left and the right, but we force different minimum, maximum (you could also leave it for automatic recalculation)
        New-ChartAxisY -Show -Opposite -TitleText 'This is title on the right'
        # By using series name the same as the line, we force it to use that series
        New-ChartAxisY -Show -TitleText 'This is title on the left' -MinValue 50 -MaxValue 500 -SeriesName 'Incidents per month'
    }
    New-HTMLPanel {
        New-HTMLChart -Title 'Incidents Reported vs Solved' -TitleAlignment center {
            New-ChartAxisX -Name 'Jan', 'Feb', 'Mar', @('April', 'Multiline'), 'May', 'Jun', 'Jul', 'Aug', 'Sep'
            New-ChartLine -Name 'Incidents per month' -Value 10, 41, 35, 51, 49, 62, 69, 91, 148 -Color Red -Cap square -Dash 5 -Curve smooth
            New-ChartLine -Name 'Incidents per month resolved' -Value 5, 10, 20, 31, 49, 62, 69, 91, 148 -Color Green #-Curve stepline -Width 10
        }
    }
    New-HTMLPanel {
        New-HTMLChart -Title 'Incidents Reported vs Solved' -TitleAlignment center {
            New-ChartAxisX -Name 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'
            New-ChartLine -Name 'Incidents per month' -Value 10, 41, 35, 51, 49, 62, 69, 91, 148 -Color Red -Cap square -Dash 5
            #New-ChartLine -Name 'Incidents per month resolved' -Value 5, 10, 20, 31, 49, 62, 69, 91, 148 -Color Green -Curve stepline -Width 10
        }
    }

} -ShowHTML