How to display html result on webView in Kotlin App? #201

tigerjenny · 2023-08-17T02:13:06Z

tigerjenny
Aug 17, 2023

import org.jetbrains.letsPlot.Stat
import org.jetbrains.letsPlot.core.util.PlotHtmlExport
import org.jetbrains.letsPlot.core.util.PlotHtmlHelper
import org.jetbrains.letsPlot.geom.geomBar
import org.jetbrains.letsPlot.ggsize
import org.jetbrains.letsPlot.intern.Plot
import org.jetbrains.letsPlot.intern.toSpec
import org.jetbrains.letsPlot.letsPlot

class DemoUtil(countA : Int, countB : Int) {
    val datos = mutableMapOf<String,Any>(
        "Category" to listOf("Cat A", "Cat B"),
        "Counts" to listOf(countA, countB)
    )

    var z = letsPlot(datos)

    val layer = geomBar(stat = Stat.identity){
        x = "Category"
        y = "Counts"
        fill = "Category"
    }

    val graph : Plot = (z + layer + ggsize(540, 360))

    var buffer = StringBuffer()

    var scriptUrl = PlotHtmlHelper.scriptUrl("2.0.2")

    var ht = PlotHtmlExport.buildHtmlFromRawSpecs(graph.toSpec(), scriptUrl)

    var buffer2str : String = ""

    fun assemble(){
        buffer.append("$ht")

        buffer2str = buffer.toString()
    }
}

Here is what I use to generate the html result

private fun showResult() {

     val p = DemoUtil(20, 30)
     p.assemble()

     webView.getSettings().javaScriptEnabled = true

     webView.getSettings().builtInZoomControls = true

     print(p.buffer2str)

     findViewById<WebView>(R.id.wevi).loadDataWithBaseURL(null, p.buffer2str, "text/html", "UTF-8", null)
 }

Here I use webview to display the html string, but the webView cannot display the result, I got the error message
"[INFO:CONSOLE(35)] "Uncaught ReferenceError: LetsPlot is not defined", source: about:blank (35)"

I got the html string like this

<html lang="en">
   <head>
       <script type="text/javascript" data-lets-plot-script="library" src="https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v2.0.2/js-package/distr/lets-plot.min.js"></script>
   </head>
   <body>
          <div id="orH60j"></div>
   <script type="text/javascript" data-lets-plot-script="plot">
       var plotSpec={
"mapping":{
},
"data":{
"Category":["Cat A","Cat B"],
"Counts":[20.0,30.0]
},
"ggsize":{
"width":540.0,
"height":360.0
},
"kind":"plot",
"scales":[],
"layers":[{
"mapping":{
"x":"Category",
"y":"Counts",
"fill":"Category"
},
"stat":"identity",
"position":"stack",
"geom":"bar",
"data":{
}
}]
};
       var plotContainer = document.getElementById("orH60j");
       LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);
   </script>
   </body>
</html>

Is there any wrong or how do I properly put the html result into the webView?

And I am use android studio to practice.

Answered by tigerjenny

Aug 17, 2023

I may have found the reason.

AndroidManifest.xml need add "android.permission.INTERNET" permission.

View full answer

tigerjenny · 2023-08-17T07:17:44Z

tigerjenny
Aug 17, 2023
Author

I may have found the reason.

AndroidManifest.xml need add "android.permission.INTERNET" permission.

1 reply

alshan Aug 18, 2023
Maintainer

Super!
But better use the latest 4.0.0:

PlotHtmlHelper.scriptUrl("2.0.2")

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to display html result on webView in Kotlin App? #201

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 1 reply

{{title}}

{{title}}

Select a reply

How to display html result on webView in Kotlin App? #201

tigerjenny Aug 17, 2023

Replies: 1 comment · 1 reply

tigerjenny Aug 17, 2023 Author

alshan Aug 18, 2023 Maintainer

tigerjenny
Aug 17, 2023

Replies: 1 comment 1 reply

tigerjenny
Aug 17, 2023
Author

alshan Aug 18, 2023
Maintainer