Jump to content

Make a html chart with 'Google Charts'

ioa747

By ioa747,
in AutoIt Example Scripts

 Share

Recommended Posts

ioa747 Universalist

ioa747

Posted
Posted (edited)

https://developers.google.com/chart/interactive/docs/quick_start

I took a look, and I did it so to speak , a first approximation

_GoogleChart($aData [, $Title = "" [, $iHorAxisCol = 0 [, $sChartType = "AreaChart" [, $sTitleColor = "#333" [, $Width = 854 [, $Height = 480 [, $Execute = True]]]]]]])

GoogleCharts.au3 

; https://www.autoitscript.com/forum/topic/210868-make-a-html-chart-with-google-charts/
;----------------------------------------------------------------------------------------
; Title...........: GoogleCharts.au3
; Description.....: Make a html chart with 'Google Charts' - ChartType: AreaChart; ColumnChart
; AutoIt Version..: 3.3.16.1   Author: ioa747
; Note ...........: https://developers.google.com/chart/interactive/docs/quick_start
;----------------------------------------------------------------------------------------
#AutoIt3Wrapper_Au3Check_Parameters=-d -w 1 -w 2 -w 3 -w 4 -w 5 -w 6 -w 7

#include <Array.au3>

Example()

;----------------------------------------------------------------------------------------
Func Example()
    Local $Array[][] = [ _
            ["Month", "Bears", "Dolphins", "Whales"], _
            ["jan", 8, 150, 80], _
            ["feb", 54, 77, 54], _
            ["mar", 93, 32, 10], _
            ["apr", 116, 11, 76], _
            ["may", 137, 6, 93], _
            ["jun", 184, 1, 72]]

;~  _ArrayDisplay($Array)

    Local $sSTR = _GoogleChart($Array, "Wild life", 0, "ColumnChart")
    ConsoleWrite("********************************************************************************" & @CRLF & $sSTR & @CRLF)

    Sleep(3000)

    _GoogleChart($Array, "Wild life", 0, "AreaChart")

EndFunc   ;==>Example
;----------------------------------------------------------------------------------------
Func _GoogleChart(ByRef $aData, $Title = "", $iHorAxisCol = 0, $sChartType = "AreaChart", $sTitleColor = "#333", $Width = 854, $Height = 480, $Execute = True)

    Local $sChartFile = @ScriptDir & "\Chart.html"
    Local $sHTML = ""
    $sHTML &= "<html>" & @CRLF
    $sHTML &= "  <head>" & @CRLF
    $sHTML &= "    <script type=""text/javascript"" src=""https://www.gstatic.com/charts/loader.js""></script>" & @CRLF
    $sHTML &= "    <script type=""text/javascript"">" & @CRLF
    $sHTML &= "      google.charts.load('current', {'packages':['corechart']});" & @CRLF
    $sHTML &= "      google.charts.setOnLoadCallback(drawChart);" & @CRLF
    $sHTML &= "" & @CRLF
    $sHTML &= "      function drawChart() {" & @CRLF
    $sHTML &= "        var data = google.visualization.arrayToDataTable([" & @CRLF

    Local $ByPass = ""
    For $R = 0 To UBound($aData) - 1
        Local $sTxt = ""
        For $C = 0 To UBound($aData, 2) - 1

            If $R = 0 Then
                ; in first row all is string
                $sTxt &= "'" & $aData[$R][$C] & "', "
            Else
                ; if Column = $iHorAxisCol is string
                If $C = $iHorAxisCol Then
                    $sTxt &= "'" & $aData[$R][$C] & "', "
                Else
                    $sTxt &= $aData[$R][$C] & ", "
                EndIf
            EndIf
        Next
        $sTxt = StringTrimRight($sTxt, 2)
        $sTxt = "          [" & $sTxt & "]," & @CRLF
        $ByPass &= $sTxt
    Next

    $ByPass = StringTrimRight($ByPass, 3)
    ;ConsoleWrite("$ByPass:" & @CRLF & $ByPass  & @CRLF)

    $sHTML &= $ByPass & @CRLF

    $sHTML &= "        ]);" & @CRLF
    $sHTML &= "" & @CRLF
    $sHTML &= "        var options = {" & @CRLF

    $ByPass = "          title: '" & $Title & "',"
    $sHTML &= $ByPass & @CRLF

    $ByPass = "          hAxis: {title: '" & $aData[0][$iHorAxisCol] & "',  titleTextStyle: {color: '" & $sTitleColor & "'}},"
    $sHTML &= $ByPass & @CRLF

    $sHTML &= "          vAxis: {minValue: 0}" & @CRLF
    $sHTML &= "        };" & @CRLF
    $sHTML &= "" & @CRLF

    $ByPass = "        var chart = new google.visualization." & $sChartType & "(document.getElementById('chart_div'));"
    $sHTML &= $ByPass & @CRLF

    $sHTML &= "        chart.draw(data, options);" & @CRLF
    $sHTML &= "      }" & @CRLF
    $sHTML &= "    </script>" & @CRLF
    $sHTML &= "  </head>" & @CRLF
    $sHTML &= "  <body>" & @CRLF

    $ByPass = "    <div id=""chart_div"" style=""width: " & $Width & "px; height: " & $Height & "px;""></div>"
    $sHTML &= $ByPass & @CRLF

    $sHTML &= "  </body>" & @CRLF
    $sHTML &= "</html>" & @CRLF
    $sHTML &= "" & @CRLF

    Local $hFileOpen = FileOpen($sChartFile, 266)
    If $hFileOpen = -1 Then
        Return SetError(1, 0, "")
    EndIf
    FileWrite($hFileOpen, $sHTML)
    FileClose($hFileOpen)

    If $Execute = True Then ShellExecute($sChartFile)
    Return $sHTML

EndFunc   ;==>_GoogleChart
;----------------------------------------------------------------------------------------

 

Please, every comment is appreciated!
leave your comments and experiences here!
Thank you very much  :)

 

Edited by ioa747
Add ByRef

I know that I know nothing

Link to comment
Share on other sites
mLipok Universalist

mLipok

Posted
Posted (edited)

I would love to integrate it with WebView2 :)

in the future, because I don't have time for it now.

Edited by mLipok

Signature beginning:
* Please remember: "AutoIt"..... *  Wondering who uses AutoIt and what it can be used for ? * Forum Rules *
* ADO.au3 UDF * POP3.au3 UDF * XML.au3 UDF * IE on Windows 11 * How to ask ChatGPT for AutoIt Code * for other useful stuff click the following button:

Spoiler

Any of my own code posted anywhere on the forum is available for use by others without any restriction of any kind. 

My contribution (my own projects): * Debenu Quick PDF Library - UDF * Debenu PDF Viewer SDK - UDF * Acrobat Reader - ActiveX Viewer * UDF for PDFCreator v1.x.x * XZip - UDF * AppCompatFlags UDF * CrowdinAPI UDF * _WinMergeCompare2Files() * _JavaExceptionAdd() * _IsBeta() * Writing DPI Awareness App - workaround * _AutoIt_RequiredVersion() * Chilkatsoft.au3 UDF * TeamViewer.au3 UDF * JavaManagement UDF * VIES over SOAP * WinSCP UDF * GHAPI UDF - modest begining - comunication with GitHub REST API * ErrorLog.au3 UDF - A logging Library * Include Dependency Tree (Tool for analyzing script relations) * Show_Macro_Values.au3 *

 

My contribution to others projects or UDF based on  others projects: * _sql.au3 UDF  * POP3.au3 UDF *  RTF Printer - UDF * XML.au3 UDF * ADO.au3 UDF * SMTP Mailer UDF * Dual Monitor resolution detection * * 2GUI on Dual Monitor System * _SciLexer.au3 UDF * SciTE - Lexer for console pane * 

Useful links: * Forum Rules * Forum etiquette *  Forum Information and FAQs * How to post code on the forum * AutoIt Online Documentation * AutoIt Online Beta Documentation * SciTE4AutoIt3 getting started * Convert text blocks to AutoIt code * Games made in Autoit * Programming related sites * Polish AutoIt Tutorial * DllCall Code Generator * 

Wiki: * Expand your knowledge - AutoIt Wiki * Collection of User Defined Functions * How to use HelpFile * Good coding practices in AutoIt * 

OpenOffice/LibreOffice/XLS Related: WriterDemo.au3 * XLS/MDB from scratch with ADOX

IE Related:  * How to use IE.au3  UDF with  AutoIt v3.3.14.x * Why isn't Autoit able to click a Javascript Dialog? * Clicking javascript button with no ID * IE document >> save as MHT file * IETab Switcher (by LarsJ ) * HTML Entities * _IEquerySelectorAll() (by uncommon) * IE in TaskScheduler * IE Embedded Control Versioning (use IE9+ and HTML5 in a GUI) * PDF Related: * How to get reference to PDF object embeded in IE * IE on Windows 11 * 

I encourage you to read: * Global Vars * Best Coding Practices * Please explain code used in Help file for several File functions * OOP-like approach in AutoIt * UDF-Spec Questions *  EXAMPLE: How To Catch ConsoleWrite() output to a file or to CMD *

I also encourage you to check awesome @trancexx code:  * Create COM objects from modules without any demand on user to register anything. * Another COM object registering stuff * OnHungApp handler * Avoid "AutoIt Error" message box in unknown errors  * HTML editor * 

winhttp.au3 related : * https://www.autoitscript.com/forum/topic/206771-winhttpau3-download-problem-youre-speaking-plain-http-to-an-ssl-enabled-server-port/

"Homo sum; humani nil a me alienum puto" - Publius Terentius Afer
"Program are meant to be read by humans and only incidentally for computers and execute" - Donald Knuth, "The Art of Computer Programming"
:naughty:  :ranting:, be  :) and       \\//_.

Anticipating Errors :  "Any program that accepts data from a user must include code to validate that data before sending it to the data store. You cannot rely on the data store, ...., or even your programming language to notify you of problems. You must check every byte entered by your users, making sure that data is the correct type for its field and that required fields are not empty."

Signature last update: 2023-04-24

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...