Chart Names for Client Side Rendering #33

Activity

1. kmd1970 commented on Dec 23, 2016

   

   kmd1970

   on Dec 23, 2016

   More actions

   @drcrook1 This can be added easily, see below.

   Main.fs (line 162) replace:

   let jsTemplate =
           """google.setOnLoadCallback(drawChart);
               function drawChart() {   

   with

   let jsTemplate =
           """google.setOnLoadCallback({CALLBACK});
               function {CALLBACK}() {
                   var data = new google.visualization.DataTable({DATA});

   Main.fs (near line 296) replace:

       member __.GetInlineJS() =
           let dataJson = __.dataTable.ToGoogleDataTable().GetJson()         
           let optionsJson = JsonConvert.SerializeObject(__.options)
           Html.jsTemplate.Replace("{DATA}", dataJson)
               .Replace("{OPTIONS}", optionsJson)
               .Replace("{TYPE}", __.``type``.ToString())
               .Replace("{GUID}", __.Id)

   with

       member __.GetInlineJS() =
           let dataJson = __.dataTable.ToGoogleDataTable().GetJson()         
           let optionsJson = JsonConvert.SerializeObject(__.options)
           Html.jsTemplate.Replace("{DATA}", dataJson)
               .Replace("{CALLBACK}",__.CallBack)
               .Replace("{OPTIONS}", optionsJson)
               .Replace("{TYPE}", __.``type``.ToString())
               .Replace("{GUID}", __.Id)

   Main.fs (near line 306) add:

   member val CallBack = "drawChart" with get, set

   Main.fs (near line 329) add:

   member __.WithCallBack newCallBack = __.CallBack <- newCallBack

   Main.fs (near line 404) add:

   static member WithCallBack callback (chart:GoogleChart) =
           chart.WithCallBack callback
           chart

   You can now use the syntax:

    chart.CallBack <- "drawPieChart" 
    chart.Id <- "myPieChart"
    chart.GetInlineHtml()

   which creates

   google.setOnLoadCallback(drawPieChart);
   function drawPieChart() {
             var data = new google.visualization.DataTable( ...
   }
2. cartermp

   added

   enhancement

   help wanted

   on Nov 8, 2019