Question

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

我能够显示一些不错的图表，并希望添加图片。

所以我找到了这个例子（还有一些）

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

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

});

我还找到了WebSharper.Highcharts.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渲染器

1 个答案: