如何在HTML5中呈现用FSharp.Charting制作的图表

Question

FSharp.Charting库中似乎没有任何关于此功能的文档，在本段的主网页中简要提到：

F#图表的设计使相同的图表规范可以在使用不同的图表实现时得到支持。对于例如Try F#图表使用类似的图表规范，使用Dojo图表在HTML5中实现。

周围有我可以参考的样本吗？

Answer 1

文档不是很清楚-它想说的是F#Charting不支持HTML5，但你可以使用其他支持的库。

最高级的可能是XPlot，它为Google Charts和Plot.ly提供包装，在这两种情况下，您都可以获得图表的HTML表示形式（并对其进行任何操作）。

例如，我用它在一个基于Suave的网站上显示图表：

open XPlot.GoogleCharts
// Create a chart - the API is similar to F# Charting
let chart = Chart.Pie [ for r in results -> r.Option, r.Votes ] 
// Get the HTML of the chart (you also need to load Google Charts in JavaScript)
let html = chart.InlineHtml