Hi Experts,
I have a task to display some customer data as a Chart.
The following code shows just blank, although it works well on jsfiddle!!
Please any Idea why it is not working in ABAP ?
Did I miss something?
Regards,
DATA(it_html) = VALUE html_table( ( |<html>| )
( |<head>| )
( |<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>| )
( | <script type="text/javascript">| )
( |google.charts.load('current',\{'packages':['line'] \});| )
( |google.charts.setOnLoadCallback(drawChart);| )
( |function drawChart() \{| )
( |var data = new google.visualization.DataTable()| )
( |data.addColumn('date', 'test');| )
( |data.addColumn('number', 'tool1');| )
( |data.addColumn('number', 'tool2');| )
( |data.addColumn('number', 'tool3');| )
( |data.addRows([| )
( |[new Date(2023,7,1), 10, 1000, 50],| )
( |[new Date(2023,7,30), 10, 1000, 50],| )
( |]);| )
( |var options = \{| )
( |chart: \{| )
( |title: 'Company Performance',| )
( |subtitle: 'Sales, Expenses, and Profit: 2014-2017',| )
( |\},| )
( |vAxis: \{minValue: 0,| )
( |maxValue: 10000,| )
( | format: "percent"| )
( |\},| )
( |width: 900,| )
( |height: 500,| )
( |\};| )
( |var chart = new google.charts.Line(document.getElementById('line'));| )
( |chart.draw(data, options);| )
( | \}| )
( | </script>| )
( |</head>| )
( |<body>| )
( | <div id="line"></div>| )
( |</body>| )
( | </html>| )
).
CALL METHOD go_picture_html->load_data
EXPORTING
url = lv_url_html
IMPORTING
assigned_url = lv_url_html
CHANGING
data_table = it_html
EXCEPTIONS
OTHERS = 1.
IF sy-subrc = 0.
"Rahmen weglassen
CALL METHOD go_picture_html->set_ui_flag
EXPORTING
uiflag = cl_gui_html_viewer=>uiflag_no3dborder.
"HTML-File anzeigen
CALL METHOD go_picture_html->show_data
EXPORTING
url = lv_url_html.
ELSE.
MESSAGE i001(00) WITH 'Fehler mit dem Laden des HTML'.
LEAVE LIST-PROCESSING.
ENDIF.