--- title: "利用XBRL图表向导，优化您的财务数据——第二部分" date: "2011-09-20" categories: - "xbrl" tags: - "reporting-tool" - "xbrl" - "xbrl-charts" - "xml-reports" description: 了解如何使用Altova的StyleVision中的XBRL图表向导，有效地将财务数据可视化，包括创建柱状图和折线图的技术。 --- Status: #blog Tags: #reporting-tool #xbrl #xbrl-charts #xml-reports Categories: [xbrl](/blog/zh/category/xbrl.md) # 利用XBRL图表向导，优化您的财务数据——第二部分 可扩展商业报告语言 (XBRL) 是一种基于 XML 的语言，用于报告和交换财务数据，并且正在全球范围内得到广泛应用。事实上，美国证券交易委员会现在要求上市公司以 XBRL 格式提交财务数据。 Altova 的 [MissionKit](https://www.altova.com/zh/missionkit/software-development-tools.html)，是我们最受欢迎的软件套件，通过 XMLSpy 和 MapForce 支持 [XBRL 标记](https://www.altova.com/zh/mapforce/xbrl-mapping.html)，并通过 StyleVision 支持 [XBRL 呈现](https://www.altova.com/zh/stylevision/xbrl-rendering.html)。使用 StyleVision，您可以创建复杂的财务报告，包括基于 XBRL 数据实例文件的图表和表格。 [![图片](https://lh4.ggpht.com/-aUfAZJo1LI8/Tm5GDAq52oI/AAAAAAAAALg/gMOBTkExSyk/image_thumb%25255B1%25255D.png?imgmax=800 "image")](http://lh3.ggpht.com/-3h3ZNBMR63A/Tm5GCybFrhI/AAAAAAAAALc/SbB4DrtBcI8/s1600-h/image%25255B3%25255D.png) 这是我们关于 StyleVision 的 XBRL 图表功能的系列文章的第二篇。在上一篇文章中，我们向您展示了如何[调用 XBRL 图表向导并创建饼状图](https://www.altova.com/blog/2011/09/leverage-your-financial-data-with-xbrl.html)。 这一次，我们将向您展示如何创建柱状图和折线图。 ## 柱状图 柱状图是比较不同对象或可视化不同时期变化的最佳方式。在这里，我们使用了XBRL图表向导来创建一个柱状图，用于比较两个连续年份第三季度的数据，即“流动资产”与“流动负债”。就像我们在第一步中所做的那样，我们首先启动XBRL图表向导，然后在“概念”选项卡中选择“流动资产”和“流动负债”，并将它们放置在“系列”面板中，这样这些数值就会显示在Y轴（垂直轴）上。 [![(图片剪辑)](https://lh3.ggpht.com/-9dzhbdBz3KQ/Tm5GDrkiWAI/AAAAAAAAALo/oBrOuz0GZec/clip_image001_thumb%25255B1%25255D.gif?imgmax=800 "clip_image001")](http://lh5.ggpht.com/-In4XkGqVGVQ/Tm5GDZSV6fI/AAAAAAAAALk/7L0gcpFyDFg/s1600-h/clip_image001%25255B4%25255D.gif) 现在，我们点击“类别”面板中“期间”选项卡的省略号，以打开“期间属性”对话框。由于资产和负债是在特定时间点进行衡量的，因此我们勾选了“显示瞬时期间”选项。此外，我们还使用XPath对数据进行了筛选，以便只显示第三季度末（即8月底）的资产和负债。最后，我们添加了一个动态标签，该标签使用XPath将“Q3”与年份结合起来。 [![(图片已剪辑)](https://lh3.ggpht.com/--zrZ2WwKJgY/Tm5GEXDT2tI/AAAAAAAAALw/8Kndh6KnrR4/clip_image002_thumb%25255B1%25255D.gif?imgmax=800 "clip_image002")](http://lh4.ggpht.com/-ceYb-5R4YrM/Tm5GD8SyP1I/AAAAAAAAALs/kSFlUBXjDww/s1600-h/clip_image002%25255B4%25255D.gif) 除了柱状图之外，我们还希望包含“速动比率”，这是一个衡量指标，用于判断一家组织是否拥有足够的流动资产来偿还其未偿还的财务义务。速动比率的计算方法很简单，即流动资产除以流动负债。我们已经添加了自动计算功能，并使用XPath表达式，在XBRL实例文档的所有时间段内，将流动资产除以流动负债。以下是我们的柱状图和自动计算功能的界面设计，其中包含XPath表达式。 [![(图片已剪辑)](https://lh6.ggpht.com/-qurTlT15WkI/Tm5GEyigOeI/AAAAAAAAAL4/atRlllkig8g/clip_image003_thumb%25255B1%25255D.gif?imgmax=800 "clip_image003")](http://lh6.ggpht.com/-YnXpTaYXffw/Tm5GEq9RxUI/AAAAAAAAAL0/ki1bHb8gl7M/s1600-h/clip_image003%25255B4%25255D.gif) 以下是HTML输出结果。此外，我们还可以将设计以RTF、PDF和Word 2007及以上版本的文件格式呈现。 [![(图片已剪辑)](https://lh3.ggpht.com/-VkV9uis1RTo/Tm5GF7oBzXI/AAAAAAAAAMA/fFOU7KQhvvE/clip_image004_thumb%25255B1%25255D.gif?imgmax=800 "clip_image004")](http://lh4.ggpht.com/-_uQQD0UNnZk/Tm5GEwRq0ZI/AAAAAAAAAL8/T3iCryOxZt8/s1600-h/clip_image004%25255B4%25255D.gif) ## 折线图 折线图通过连接图表上离散的点来展示数据，通常用于跟踪金融和其他数据随时间的变化。在这个例子中，我们创建了一个折线图，用于跟踪两个概念——成本/支出和收入——在四年期间的变化。就像我们为饼图和柱状图所做的那样，我们从“模式树”中拖动了一个概念（这里是“收入”），并启动了“XBRL图表向导”。同样，当“图表向导”打开后，我们点击了“序列”窗格中的“概念”选项卡上的省略号，以打开“概念属性”对话框，并在其中选择了“成本和支出”概念。现在，“成本和支出”将与“收入”一起显示在图表上。我们的XBRL文件包含实例时间和持续时间，因此在下面的“周期属性”对话框中（通过点击“类别”窗格中的“周期”选项卡上的省略号打开），我们只选择了持续时间，即具有开始和结束日期的周期。接下来，我们将使用XPath来过滤数据。我们将创建一个变量$altova:duration，该变量将计算周期开始和结束日期之间的天数差，并将其转换为月份数，然后选择该变量等于三的数据（相当于一个财政季度）。我们还使用XPath来创建一个动态标签，将“Q3”与年份结合起来。 [![(图片已剪辑)](https://lh4.ggpht.com/-Au_qMOLHx1Y/Tm5GGEKpW5I/AAAAAAAAAMI/tYUNOe5O_So/clip_image005_thumb%25255B1%25255D.gif?imgmax=800 "clip_image005")](http://lh3.ggpht.com/-Bzwwm4emT9k/Tm5GF1nZ_FI/AAAAAAAAAME/rML7DGAY0N8/s1600-h/clip_image005%25255B4%25255D.gif) 由于我们的折线图用于展示一段时间内收入和成本费用的变化，因此我们在“期间属性”对话框中使用了“排序”功能，以便数据按照时间顺序显示。 [![(图片已剪辑)](https://lh4.ggpht.com/-ebwLqz4c_Vs/Tm5GGp_3dRI/AAAAAAAAAMQ/E2LBPYjMCY4/clip_image006_thumb%25255B1%25255D.gif?imgmax=800 "clip_image006")](http://lh3.ggpht.com/-CAXNhSJHKjo/Tm5GGeTD1SI/AAAAAAAAAMM/kSl1OUo7LNY/s1600-h/clip_image006%25255B4%25255D.gif) 虽然图表的外观（例如颜色、标签以及刻度和轴值的显示）可以通过XBRL图表向导对话框中的“图表设置”部分中的“所有设置”按钮进行控制，但也可以通过“图表设置”部分下方的“动态XPath设置”按钮，使用XPath进行控制。 [![(图片剪辑)](https://lh4.ggpht.com/-eanRBk7VUoc/Tm5GHHXZ6wI/AAAAAAAAAMY/AEfFq1DtYHI/clip_image007_thumb%25255B1%25255D.gif?imgmax=800 "clip_image007")](http://lh5.ggpht.com/-zrlj0-7sc-w/Tm5GG0wDXLI/AAAAAAAAAMU/xIb6_GCogVI/s1600-h/clip_image007%25255B4%25255D.gif) 此功能不仅在管理图表外观方面提供了极大的灵活性，还在管理图表内容方面同样如此。通过XPath，您可以实现许多功能，例如根据条件控制输出，以及添加动态标题，该标题可以包含反映的时间段，就像我们在这里做的那样。当您在XBRL图表向导对话框中点击“动态XPath设置”按钮（如上图所示）后，将打开“动态XPath设置”对话框（如下图所示）。 [![(图片剪辑)](https://lh3.ggpht.com/-VdPkPuTtLcw/Tm5GHopas-I/AAAAAAAAAMg/smZyUvYJRjA/clip_image008_thumb%25255B1%25255D.gif?imgmax=800 "clip_image008")](http://lh5.ggpht.com/-mWJtPAcvZVQ/Tm5GHcnpnWI/AAAAAAAAAMc/n6VAKvqKMFo/s1600-h/clip_image008%25255B4%25255D.gif) 点击“动态 XPath 设置”对话框（上图）中您要编辑的属性旁边的省略号，会弹出“编辑 XPath 表达式”对话框（下图）。在这里，我们使用了 XPath 来连接一个字符串（“收入 / 成本和费用”）以及我们在“周期属性”对话框中之前识别出的周期中的第一年和最后一年。 [![(图片已剪辑)](https://lh5.ggpht.com/-E8AYiY1ApKw/Tm5GI84PCSI/AAAAAAAAAMo/B-KYq0dNgiE/clip_image009_thumb%25255B1%25255D.gif?imgmax=800 "clip_image009")](http://lh4.ggpht.com/-b4P7LIAeixM/Tm5GIpfHI_I/AAAAAAAAAMk/KxTcS1YfmqU/s1600-h/clip_image009%25255B4%25255D.gif) 在这里输入的 XPath 表达式将覆盖“更改外观”和“XBRL 图表向导”对话框中的设置。请注意，图表（此处以 HTML 形式呈现）包含我们使用 XPath 构建的动态标题，而不是“XBRL 图表向导”对话框中的标题。 [![(图片剪辑)](https://lh3.ggpht.com/-VZwt18CfmaY/Tm5GJlr2cCI/AAAAAAAAAMw/lghqQmLpBKY/clip_image010_thumb%25255B1%25255D.gif?imgmax=800 "clip_image010")](http://lh3.ggpht.com/-17LcnXS4IjU/Tm5GJUJ7qjI/AAAAAAAAAMs/jEEDtKTB3eI/s1600-h/clip_image010%25255B4%25255D.gif) 正如我们在此展示的，XBRL图表向导为开发人员和设计师提供了一个高度灵活的工具，用于可视化XBRL数据。 随着XBRL在国际技术领域地位的稳固，利用XBRL数据来支持战略决策至关重要。 许多不同类型的公司正在发现XBRL的战略价值 [XBRL案例研究](https://www.altova.com/documents/macpa_casestudy.pdf) 本文介绍了马里兰州注册会计师协会如何利用XBRL技术简化了其税务报告和基准分析流程。本案例研究是任何希望了解如何利用Altova软件工具来处理这些数据的绝佳资源。