Examples/Example15/Example15.ps1
|
$PieCanvasID = "piecanvas" $Html = html { head { title 'Integrating BootStrap JQuery and ChartJS.' Write-PSHTMLAsset -Name Jquery Write-PSHTMLAsset -Name BootStrap Write-PSHTMLAsset -Name Chartjs } body { div -Class "Container"{ h1 -Class "text-uppercase" 'Implementing BootStrap example.' P { "This is a very simple example to demonstrate how Bootstrap integrated with PSHTML" } canvas -Height 400px -Width 400px -Id $PieCanvasID { } } Script -content { $Data1 = @(34,7,11,19) $Labels = @("Closed","Unresolved","Pending","Open") $colors = @("Lightgreen","red","Blue","Yellow") $dsp1 = New-PSHTMLChartPieDataSet -Data $data1 -label "March" -BackgroundColor $colors New-PSHTMLChart -type pie -DataSet $dsp1 -title "Pie Chart v2" -Labels $Labels -CanvasID $PieCanvasID } } } $Html | Out-File -FilePath ".\Export.html" -Encoding utf8 start .\Export.html |