0

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

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

所以我找到了这个例子(还有更多)

http://jsfiddle.net/F4qS8/793/

...
}, 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 中绘制图表?

4

1 回答 1

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) = ()
于 2015-03-16T09:08:05.967 回答