使用xamarin形式的融合图

问题描述 投票:0回答:1

我正在尝试在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 ...

xamarin.forms xamarin.android fusioncharts
1个回答
3
投票

FusionCharts支持FusionCharts.NET,这是一个ASP.NET MVC,ASP.NET WebForms,.NET Core和.NET Standard的图表库,它们使用FusionCharts JavaScript(HTML5)库来呈现交互式图表。

© www.soinside.com 2019 - 2024. All rights reserved.