我正在尝试在Xamarin表单项目中使用融合图表来实现图表(在Android项目中首次测试)。>>
我下载了试用版,并在资产文件夹中添加了fusioncharts.js和fusioncharts.charts.js文件。
private string GetChartScript() { var chartConfig = GetSpendingChartConfig(); var script = $@"var config = {chartConfig}; window.onload = function() {{ var canvasContext = document.getElementById(""chart"").getContext(""2d""); new Chart(canvasContext, config); }};"; return script; } private string GetHtmlWithChartConfig(string chartConfig) { var inlineStyle = "style=\"width:100%;height:100%;\""; var chartConfigJsScript = $"<script>{chartConfig}</script>"; var chartContent = $@"<div id=""chart-container"" {inlineStyle}> <canvas id=""chart"" /> </div>"; var document = $@"<html style=""width:97%;height:100%;""> <head></head> <body {inlineStyle}> {chartContent} {chartConfigJsScript} </body> </html>"; return document; } var html = GetHtmlWithChartConfig(chartConfigScript);
在我的页面上:
source = new HtmlWebViewSource(); string url = DependencyService.Get<IBaseUrl>().GetBaseUrl(); source.BaseUrl = url; source.Html = html; ChartWebView.Source = source;
XAML:
<local:ChartWebView x:Name="ChartWebView" />
但是字符为空,没有数据,也没有条和轴。
谢谢
我正在尝试在我的Xamarin表单项目(Android项目中的首次测试)中使用融合图表来实现图表。我下载了试用版,并添加了fusioncharts.js和fusioncharts.charts.js ...
FusionCharts支持FusionCharts.NET,这是一个ASP.NET MVC,ASP.NET WebForms,.NET Core和.NET Standard的图表库,它们使用FusionCharts JavaScript(HTML5)库来呈现交互式图表。