如何在Windows Phone通用应用程序上执行图表

时间:2014-06-11 05:05:08

标签: windows-phone-8.1 win-universal-app

我是新的Windows Phone通用应用程序,我需要实现条形图/饼图。

尝试了很多dll,Metro UI,WinRtXamlToolKit和WinRtXamlToolKit.Controls.DataVisualization 这些dll不起作用。

在Windows Phone Universal App上给我一个好主意。如何以编程方式进行图表。

由于

3 个答案:

答案 0 :(得分:3)

我相信Telerik有一些图表库需要花钱(虽然不能链接,因为stackoverflow只允许我发布2个链接(少于10个代表))。我还没有使用它,目前它处于Beta版本。谷歌“Rad Chart windows通用应用程序”,你可以阅读它。

当我需要通用应用程序的图表时,我使用了Google图表工具。您可以使用https://developers.google.com/chart/image/,即使Google不再开发它。如果您不想花时间绘制自己的图表,那就非常容易使用。使用API​​,您可以通过http请求请求图表。您可以设置几乎所有内容,并且由于文档齐全的API,它非常易于使用。

以下是我使用API​​制作的条形图示例。 http://chart.googleapis.com/chart?chtt=Karakterfordeling&cht=bvg&chof=png&chs=300x300&chxt=x,y&chco=0076A3&chf=bg,s,65432100&hxr=0,0,50&chxl=0:|2|4|7|10|12&chxr=1,0,20&chbh=40,0,10&chd=t:2,60,70,10,90

所有参数都通过http请求传递,您可以使用Live Chart Playground设置您的Chart:

这些是上面发布的http请求的参数。您可以使用Live Chart Playground设置如下参数。

chtt=Karakterfordeling
cht=bvg
chof=png
chs=300x300
chxt=x,y
chco=0076A3
chf=bg,s,65432100
hxr=0,0,50
chxl=0:
    2
    4
    7
    10
    12
chxr=1,0,20
chbh=40,0,10
chd=t:2,60,70,10,90

在代码中,您将http字符串设置为ImageSource。您可以在代码中操作http字符串,并根据需要调整图表参数/数据。我建议您使用从XAML绑定的转换器。将数据传递给转换器,让它返回带有http请求的ImageSource。如果您是转换器新手,可以在stackoverflow上找到一些关于它的帖子。

答案 1 :(得分:0)

不要使用DLL将文件抓取到您的项目中。

将WinRTXamlToolkit.Controls.DataVisualization.csproj添加到您的解决方案中,并在主项目中引用它并将其添加到您的页面。

xmlns:charting="using:WinRTXamlToolkit.Controls.DataVisualization.Charting"
xmlns:datavis="using:WinRTXamlToolkit.Controls.DataVisualization"

查看示例项目http://winrtxamltoolkit.codeplex.com

答案 2 :(得分:0)

不幸的是,winrtxamltoolkit仅适用于WinRT; VS 2013不允许向WinPhone项目添加此类项目引用。