`
txf2004
  • 浏览: 7081489 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

图表篇——Xml To Chart (饼图3D)

 
阅读更多

前言

一个实现Xml To Chart的图表引擎,通过Xml配置就能够呈现相应的图表。而且能够方便集成到所需的软件系统,例如,MyReport报表引擎

效果图

效果图

XML定义说明

<!-- 图表根节点。type属性:图表类型 -->

<ChartSettings type="Pie3D">

<!-- 名称,不影响报表显示 -->

<Name>饼图3D</Name>

<!-- 宽度 -->

<Width>400</Width>

<!-- 高度 -->

<Height>300</Height>

<!-- 左边距 -->

<PaddingLeft>8</PaddingLeft>

<!-- 右边距 -->

<PaddingRight>8</PaddingRight>

<!-- 上边距 -->

<PaddingTop>8</PaddingTop>

<!-- 下边距 -->

<PaddingBottom>8</PaddingBottom>

<!-- 内部子元件间距 -->

<Gap>2</Gap>

<!-- 前背景色 -->

<BeginBackgroundColor>#ffffff</BeginBackgroundColor>

<!-- 后背景色 -->

<EndBackgroundColor>#f1f1f1</EndBackgroundColor>

<!-- 边框颜色 -->

<BorderColor>#696969</BorderColor>

<!-- 显示标题 -->

<TitleVisible>true</TitleVisible>

<!-- 标题内容 -->

<Title>饼图3D主标题</Title>

<!-- 标题文本颜色 -->

<TitleTextColor>#000000</TitleTextColor>

<!-- 标题字体大小 -->

<TitleFontSize>16</TitleFontSize>

<!-- 标题字体加粗 -->

<TitleFontBold>true</TitleFontBold>

<!-- 显示副标题 -->

<SubtitleVisible>true</SubtitleVisible>

<!-- 副标题内容 -->

<Subtitle>副标题</Subtitle>

<!-- 副标题文本颜色 -->

<SubtitleTextColor>#000000</SubtitleTextColor>

<!-- 副标题字体大小 -->

<SubtitleFontSize>12</SubtitleFontSize>

<!-- 副标题字体加粗 -->

<SubtitleFontBold>false</SubtitleFontBold>

<!-- 设置 -->

<Settings>

<!-- 纵表变横表:数据行数等于KeyField所在的序列Value的个数 -->

<Setting name="KeyField">ID</Setting>

<!-- 纵表变横表:把序列组成横表,列名用','分割 -->

<Setting name="Fields">Name, Value</Setting>

<!-- 标签栏 -->

<!-- 显示标签栏 -->

<Setting name="LabelVisible">true</Setting>

<!-- 标签文本颜色 -->

<Setting name="LabelTextColor">#000000</Setting>

<!-- 标签题字体大小 -->

<Setting name="LabelFontSize">10</Setting>

<!-- 标签题字体加粗 -->

<Setting name="LabelFontBold">false</Setting>

<!-- 标签宽度 -->

<Setting name="LabelWidth">120</Setting>

<!-- 标签间距 -->

<Setting name="LabelGap">2</Setting>

<!-- 标签布局列数 -->

<Setting name="LabelColumn">3</Setting>

<!-- 标签内容表达式 -->

<Setting name="LabelExpression"><![CDATA[=Concat(Fields!Name.Value,Str(:),Fields!Value.Value)]]></Setting>

<!-- 饼图 -->

<!-- 饼图半径 -->

<Setting name="PieRadius">140</Setting>

<!-- 饼图Y轴比例:饼图Y轴半径 = PieRadius * PieYScale -->

<Setting name="PieYScale">0.5</Setting>

<!-- 饼图高度 -->

<Setting name="PieHeight">20</Setting>

<!-- 饼图边框宽度 -->

<Setting name="PieBorderThickness">1</Setting>

<!-- 饼图边框透明度 -->

<Setting name="PieBorderAlpha">0.4</Setting>

<!-- 饼图填充透明度 -->

<Setting name="PieFillAlpha">0.7</Setting>

<!-- 饼图角度值表达式 -->

<Setting name="PieValueExpression"><![CDATA[=Fields!Value.Value/Sum(Fields!Value.Value)]]></Setting>

<!-- 显示饼图标签 -->

<Setting name="PieLabelVisible">true</Setting>

<!-- 饼图标签文本颜色 -->

<Setting name="PieLabelTextColor">#000000</Setting>

<!-- 饼图标签题字体大小 -->

<Setting name="PieLabelFontSize">11</Setting>

<!-- 饼图标签题字体加粗 -->

<Setting name="PieLabelFontBold">false</Setting>

<!-- 饼图标签宽度 -->

<Setting name="PieLabelWidth">120</Setting>

<!-- 饼图标签与饼图的距离比例 -->

<Setting name="PieLabelDistanceScale">1.5</Setting>

<!-- 饼图标签内容表达式 -->

<Setting name="PieLabelExpression"><![CDATA[=Fields!Name.Value]]></Setting>

</Settings>

<!-- 图表数据源 -->

<DataSource>

<!-- 数据序列集合 -->

<Serieses>

<!-- 数据序列。name属性:序列名称;Value子节点:序列值 -->

<Series name="ID">

<Value>1</Value>

<Value>2</Value>

<Value>3</Value>

<Value>4</Value>

<Value>5</Value>

<Value>6</Value>

</Series>

<!-- 数据序列。name属性:序列名称;Value子节点:序列值 -->

<Series name="Name">

<Value>名称111</Value>

<Value>名称222</Value>

<Value>名称333</Value>

<Value>名称444</Value>

<Value>名称555</Value>

<Value>名称666</Value>

</Series>

<!-- 数据序列。name属性:序列名称;Value子节点:序列值 -->

<Series name="Value">

<Value>10.5</Value>

<Value>30</Value>

<Value>20.5</Value>

<Value>16</Value>

<Value>10.5</Value>

<Value>10.5</Value>

</Series>

</Serieses>

</DataSource>

</ChartSettings>

分享到:
评论

相关推荐

    Android HelloChart饼图

    本篇文章将深入探讨如何在Android项目中使用HelloChart库来实现饼图功能。 首先,我们需要在项目中引入HelloChart库。可以通过在`build.gradle`文件中添加依赖来完成。如果HelloChart尚未集成到Android Studio的...

    C# 3D 饼图 PieChart 三维

    使用Is3D属性设置饼图是否显示3D效果,如`chart1.Series[0].Is3D = true;` 3. **数据绑定** 数据可以动态绑定到饼图,例如,可以从数据库、XML文件或数组中获取数据。使用Points.AddXY方法添加数据点,其中X值表示...

    flash+xml 动态生成饼图

    总结来说,"flash+xml 动态生成饼图"这个主题涵盖了Flash ActionScript编程、XML数据处理以及动态图表生成的技术。通过这种方式,开发者能够创建出灵活且可自定义的饼图,以适应各种数据分析和展示的需求。虽然现代...

    flash xml动态变化饼图效果好

    XML文件“series-chart.xml”很可能包含了饼图的各种系列数据,如每个扇区的值、颜色、标签等信息。通过解析XML,Flash能够动态地生成和修改饼图,使得数据的变化能够实时反映在图表上,提高用户交互体验。 ...

    Flex Chart 图表3D展示

    3. **数据绑定**:Flex Chart支持数据绑定,这意味着图表的数据可以直接来源于数据源,如XML、JSON或数组,当数据源发生变化时,图表会自动更新。 4. **事件处理**:ActionScript和Flex提供了丰富的事件处理机制,...

    flash_xml饼图

    "Flash + XML饼图"是一个经典的技术组合,用于创建交互式的、基于Web的图表,特别是饼图。这种技术允许开发者从外部XML文件中获取数据,并在Flash环境中生成可视化图形,从而提供动态更新和用户交互性。 首先,让...

    FusionCharts图表开发(xml数据源)

    FusionCharts是一套JavaScript图表库,支持超过90种不同类型的图表,如柱状图、饼图、线图等。它通过接收数据并将其转换为富媒体图表,使复杂的数据易于理解。FusionCharts的核心优势在于其丰富的图表种类、良好的...

    livecharts控件大全,wpf界面开发使用教程

    在本文中,我们将深入探讨如何使用LiveCharts控件进行WPF界面开发,特别是关于饼图、柱形图等统计图表的实现。LiveCharts是一个强大的数据可视化库,它为Windows Presentation Foundation (WPF) 应用程序提供了丰富...

    Ireport4.5.0制作3D饼图

    ### Ireport 4.5.0 制作3D饼图详解 在现代数据分析与展示领域,图表的应用极为广泛,特别是在企业管理层面,...通过本教程的学习,相信您可以熟练掌握如何在Ireport中使用3D饼图以及其他类型的图表来更好地展示数据。

    ASP.net 图表控件Chart的使用教程

    这个控件自.NET Framework 3.5开始引入,允许开发者轻松地生成各种类型的图表,如柱状图、饼图、线图、散点图等,以帮助用户更好地理解和分析数据。 首先,要使用ASP.NET的Chart控件,你需要确保你的开发环境已经...

    WPF 图表Chart Control in WPF.zip_WPF 图表_apartmentp4u_chart_platess

    在Windows Presentation Foundation (WPF) 中,Chart Control是一种强大的数据可视化工具,用于创建各种图表,如折线图、柱状图、饼图等。这个压缩包文件“WPF 图表Chart Control in WPF.zip”提供了关于如何在WPF...

    Android-图表库-hellocharts-折线图,饼图demo

    【Android图表库HelloCharts】是Android开发中一个用于创建各种图表的开源库,它提供了丰富的图形展示功能,如折线图和饼图。这个库特别适合那些需要在Android应用中展示数据统计或分析结果的开发者。 HelloCharts...

    Graph And Chart 1.51 - 3D图表制作.rar

    条形图,饼图,圆环图,图表图表,气泡图和雷达图。所有都可以是2D或3D。所有产品都可以使用您自己的颜色,尺寸,材料和预制件进行完全定制。与UI Canvas集成。 该软件包附带了十几个图表主题,其中一些可以在下面...

    C# 生成Word,带图表,NPoi

    然后,通过调用`CreateChart`方法创建图表,指定图表类型(饼图或柱状图),并设置数据源。 5. 插入Word文档:创建完Excel图表后,可以将其转换为XML格式,然后使用`IXmlDSOContainer`接口插入到Word文档中。注意,...

    MSChart使用手册

    - **AJAX(二)**:`Chart as Trigger`讨论了如何让图表成为AJAX请求的触发器,实现异步更新。 - **AJAX(三)**:介绍如何通过AJAX更新图表数据,保持页面其他部分的即时性。 - **AJAX(四)**:实时图表的实现,可能...

    Java 实现 FusionCharts 图表导出图片或PDF文件功能实例源码

    这里,"pie3d"是图表类型,"myFirstChart"是图表ID,"600"和"400"分别是宽度和高度,"chart1"是容器ID,"json"表示数据源格式,空字符串表示数据源将在后面添加。 2. **设置数据源** FusionCharts支持多种数据源...

    纯Java动态生成SVG饼图与JFreeChart超强功能生成SVG图表

    纯Java动态生成 SVG 饼图与 JFreeChart 超强功能生成 SVG 图表 在本文中,我们将探讨如何使用 Java 生成 SVG 饼图,并使用 JFreeChart 生成 SVG 图表。我们还将讨论 JFreeChart 的一些缺陷和解决方案。 一、Java ...

    asp.net mvc chart(MVC 使用chart图表控件的示例)

    在ASP.NET MVC中,我们可以使用Chart控件来创建各种类型的图表,包括折线图、柱状图、饼图等,以便于数据可视化。这个示例将深入探讨如何在MVC应用中集成和使用Chart控件。 首先,我们需要在项目中添加对`System....

    Asp,Asp.net 的 Chart图表控件

    - **丰富的图表类型**:Chart控件支持多种图表类型,包括折线图、条形图、饼图、散点图等,并且可以自定义样式和颜色。 - **数据绑定**:可以直接从数据库或其他数据源进行数据绑定,实现动态更新。 - **交互性**:...

    WPF Visifire.Charts的柱状图、折线图、饼图等等实现

    在本文中,我们将深入探讨如何在WPF(Windows Presentation Foundation)环境中使用Visifire.Chart库来创建各种图表,包括柱状图、折线图和饼图。Visifire是一款强大的图表组件,它提供了丰富的功能,如3D效果、动画...

Global site tag (gtag.js) - Google Analytics