René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"How to implement HighCharts in NativeScript with JavaScript?","articleBody":"Hi, I am using highcharts in nativescript by following some sample. It is working by loading custom local html file containing static graph data into webview. But i have one difficulty ,need to load the \r\ngraph data dynamically. How i can pass the data to html file to build the graph and i am writing JavaScript code. Please, Help me to resolve this. If you have any other solution please suggest best approach to graphs.\r\n\r\nThis is my html file,\r\n\r\n/////chart.html\r\n```\r\n\u003chtml lang=\"en\" \u003e\r\n\u003chead\u003e\r\n    \u003cmeta charset=\"utf-8\" /\u003e\r\n    \u003cmeta name=\"author\" content=\"Script Tutorials\" /\u003e\r\n    \u003ctitle\u003eHow to create active charts using Highcharts | Script Tutorials\u003c/title\u003e\r\n    \u003cscript src=\"http://code.jquery.com/jquery-1.7.1.min.js\"\u003e\u003c/script\u003e\r\n    \u003cscript src=\"http://code.highcharts.com/highcharts.js\"\u003e\u003c/script\u003e\r\n\u003c/head\u003e\r\n\u003cbody\u003e\r\n\r\n    \u003c!-- \u003cdiv\u003eNativeScript Charts\u003c/div\u003e --\u003e\r\n\r\n    \u003cdiv id=\"chart_1\" class=\"chart\"\u003e\u003c/div\u003e\r\n    \u003cscript type='text/javascript'\u003e\r\n    $(document).ready(function() {\r\n\r\n// First chart initialization\r\nvar chart1 = new Highcharts.Chart({\r\n chart: {\r\n    renderTo: 'chart_1',\r\n    type: 'area',\r\n    height: 350,\r\n },\r\n title: {\r\n    text: 'Sample Graph'\r\n },\r\n xAxis: {\r\n    categories: ['Processing.js', 'Impact.js', 'Other', 'Ease.js', 'Box2D.js', 'WebGL', 'DOM', 'CSS', 'Canvas', 'Javascript','Processing.js', 'Impact.js'']\r\n },\r\n yAxis: {\r\n    title: {\r\n       text: 'Interviewed'\r\n    }\r\n },\r\n series: [{\r\n    name: 'Dev #1',\r\n    data: [30, 15, 20, 22, 25, 28, 30, 40, 80, 140, 50, 20, 30, 22, 25, 28, 30, 40, 80, 90]\r\n }, {\r\n    name: 'Dev #2',\r\n    data: [15, 15, 18, 40, 30, 25, 60, 60, 120, 70, 15, 15, 18, 40, 30, 25, 60, 60, 80, 70]\r\n }, {\r\n    name: 'Dev #3',\r\n    data: [1, 3, 6, 0, 50, 25, 50, 60, 30, 100, 5, 10, 8, 6, 0, 50, 25, 50, 60, 40]      \r\n }]\r\n});\r\n\r\n});\u003c/script\u003e\r\n\u003c/body\u003e\r\n\u003c/html\u003e\r\n```\r\n\r\nAnd this is my xml, \r\n////page.xml\r\n```\r\n\u003cStackLayout\u003e\r\n       \u003cWebView height=\"500\"  src=\"~/chart.html\"/\u003e\r\n\u003c/StackLayout\u003e\r\n```\r\n","author":{"url":"https://github.com/RaghavMSG","@type":"Person","name":"RaghavMSG"},"datePublished":"2018-04-13T06:02:58.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/5671/NativeScript/issues/5671"}