websharper 中的 Highcharts 渲染器

Question

我是 websharper 的新手，我正在尝试使用 Highcharts。

我可以显示一些漂亮的图表并希望添加图片。

所以我找到了这个例子（还有更多）

...
}, function(chart) { // on complete

    chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 20, 50, 30, 30)
        .add();   

});

而且我还找到了 class WebSharper.Highcharts.Renderer.

但我没有看到 Renderer 和图表之间的关系（在 WebSharper.Highcharts 程序集中）。

我可以调用（静态）Renderer.Image(...) 但在浏览器中 (javascript) 我得到一个未定义的（这也没有意义，因为渲染器不能知道在哪里画画，或者？）。

那么有没有办法从图表中获取渲染器实例或让静态渲染器知道在哪里绘制？或者在 websharper 中绘制图表的不同方法？

Answer 1

感谢您的报告。 HighCharts 的 WebSharper 绑定是从 JSON API 生成的。 Highsoft 最近对 JSON 结构做了一些更改，我们还没有正确更新它。我们会研究它，与此同时，您可以使用内联 JS:

open WebSharper
open WebSharper.JavaScript
open WebSharper.Highcharts

[<JavaScript>]
module Client =

    [<Inline "$chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 20, 50, 30, 30).add()">]
    let onComplete (chart: Chart) = ()

websharper 中的 Highcharts 渲染器

Highcharts renderer in websharper

highcharts

f#

websharper