`
zhouxueliang
  • 浏览: 35625 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

转换成饼图

阅读更多
在上一个例子(我的第一个图表), 我们创造了一个柱形图来摘要显示每月销售额。在这里,我们将很快把此图表转换成一个三维饼图.
要转换图表类型,所有您需要做的是改变你正在使用SWF文件。例如,如果您使用的是单系列柱形图,把SWF文件改成单系列饼图就会输出饼图-XML文件是一样的,不需要修改。接下来让我们快速看看我们需要做的
在这个例子中,创建Chart.html的副本并把它另存为PieChart.html,保存在同一个文件夹下。接下来,最后编辑HTML代码以反映下面的变化:
<html>
   <body bgcolor="#ffffff">
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="300" id="Pie3D" >
      <param name="movie" value="../FusionCharts/Pie3D.swf" />
      <param name="FlashVars" value="&dataURL=Data.xml&chartWidth=550&chartHeight=300">
      <param name="quality" value="high" />
      <embed src="../FusionCharts/Pie3D.swf" flashVars="&dataURL=Data.xml&chartWidth=550&chartHeight=300" quality="high" width="550" height="300" name="Pie3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
在上面的代码中,我们把SWF文件从Column.swf改变为Pie3D.swf并且改变图表的大小以显示更佳。当你在浏览器中查看这个页面的时候,你会看到下面的饼图。:
分享到:
评论

相关推荐

    3D饼图,2D饼图互转

    2D饼图由一个圆形区域划分成多个扇区,每个扇区代表数据集中的一项,其角度大小与该数据项在总数据中所占比例成正比。在ASP.NET中,可以使用诸如MS Chart Control这样的库来创建2D饼图。该控件提供了一系列的属性和...

    wpf完美饼图实现

    描述中提到,这个饼图组件已经在各种浏览器上测试运行,这可能暗示它被封装成了一个Web服务或嵌入到Web应用中。这通常需要将WPF控件转换为Silverlight或XAML-Browser Applications (XBAP)的形式,以便在浏览器中运行...

    C#饼图统计图,原代码

    3. **饼图**:饼图由一个圆划分成多个扇形区,每个扇形代表一个数据类别,其大小表示该类别的相对比例。饼图通常包含一个中心点和若干个带有标签的扇形,便于用户直观地看出各部分的相对大小。 4. **创建饼图**:在...

    FlashCS4饼图组件

    通过这个组件,用户可以轻松地将数据转化为易于理解的图形,这对于数据分析、报告制作以及网页或应用程序的交互式界面设计都非常有用。 一、饼图组件的基本概念 饼图由多个扇形(或称“切片”)组成,每个扇形代表...

    饼图的demo

    1. **数据处理**:首先,你需要将数据转化为饼图所需的格式,通常包括类别名和对应的数值。 2. **初始化图表**:创建饼图实例,设置容器元素、宽高、颜色方案等参数。 3. **数据绑定**:将数据绑定到饼图实例上,...

    PPT饼图模板若干

    饼图的基本结构是一个圆形,这个圆形被分割成多个扇形,每个扇形代表数据中的一个类别,其大小与该类别的数值成正比。饼图的优点在于直观、简洁,一眼就能看出各个部分所占整体的相对比例。在PPT中使用饼图,可以...

    ECharts 3 饼图 柱状图

    ECharts 是一个基于 JavaScript 的开源可视化库,专为 Web 数据可视化设计。...对于 Web 开发者来说,ECharts 是一款非常实用的工具,能够帮助他们将复杂的数据转化为直观易懂的图形,提升用户体验。

    带阴影的3d效果饼图

    3D饼图的实现通常涉及复杂的几何计算,包括3D坐标转换和平面投影,以在2D屏幕上呈现出3D效果。阴影效果的添加可能通过模拟光源的位置和方向,计算物体表面的光照强度,然后调整颜色的灰度来实现。在QT中,可以利用...

    JavaScript绘制曲线、圆形饼图实例

    在绘制曲线和圆形饼图时,我们需要将坐标系转换到浏览器的坐标系中。在本实例中,我们定义了一个orgY函数,该函数可以用来将y坐标转换到浏览器的坐标系中。 知识点6:JavaScript实现绘制优化 为了提高绘制速度,我们...

    raphael饼图

    饼图由一系列扇形部分组成,每个扇形代表数据集中的一个类别,其大小与该类别的比例成正比。以下是关于使用Raphaël绘制饼图的关键知识点: 1. **引入Raphaël库**:首先,你需要在HTML文件中引入Raphaël库的JS...

    旋转饼图+SQL数据库连接

    描述中提到的是GDI+绘图技术的应用,这意味着我们将关注于实际编码过程,理解如何将数据从查询结果转化为饼图的视觉元素。这包括如何解析数据、计算角度、设置颜色和动画效果,使饼图能够旋转,以增加用户体验。 在...

    js图形展示控件 饼图 fusioncharts jfcharts jfchart

    在IT行业中,图形展示控件是数据可视化的重要工具,它们帮助开发者将复杂的数据转化为易于理解的图表,使得数据的分析和解读更为直观。饼图作为其中的一种常见图表类型,广泛应用于各种业务场景,如市场占有率分析、...

    flex 统计,柱状图,饼图。

    每个数据项都会被转化为一个饼图的扇区。`labelFunction`可以自定义显示的标签,`showDataLabels`属性控制是否显示数据标签,而`explodeRatio`可以设置某个扇区突出的比例。 为了方便使用,通常会预先打包好这些...

    JavaScript 三维报表 饼图

    例如,D3.js库提供了一套强大的数据绑定和转换功能,可以轻松创建复杂的可视化效果。在三维饼图中,库可能提供了旋转、缩放和交互性等高级特性。 **三维效果的实现** 在JavaScript中创建三维效果,通常需要利用透视...

    饼图超级链接

    饼图超级链接是一种在数据可视化领域中常见的交互式图表技术,尤其在数据分析和报告中广泛应用。...通过上述工具和方法,我们可以将静态的饼图转化为互动的信息窗口,提升数据分析的效率和用户体验。

    echarts实现3D环装饼图带引导线效果

    这将饼图转换为3D圆柱体形状,增加立体感。 **配置3D环状饼图** 在ECharts的配置项中,我们可以通过以下方式创建3D环状饼图: 1. 设置`series`: - `type: 'pie'` 定义图表类型为饼图。 - `roam: true` 允许...

    Android自定义View——饼图

    首先,我们需要计算每个扇区的角度,这可以通过将数据值总和转换为360度来完成。然后,我们可以使用`canvas.save()`和`canvas.restore()`来保存和恢复画布的状态,以便在每次绘制扇区时旋转画布到正确的位置。以下是...

    3D饼图(flash)源码+配置文件

    1. 数据处理:读取并解析输入的数据,将其转化为适合3D渲染的格式。 2. 图形绘制:使用Flash的图形API,如`drawCircle`、`beginFill`等方法,构建饼图的各个部分。 3. 3D转换:通过矩阵运算实现3D效果,包括透视、...

    画个3d的饼图

    这需要对matplotlib的三维坐标转换和视角变换有一定理解。在JavaScript中,实现3D饼图的绘制可能需要编写更多底层的WebGL代码,来手动构造3D几何体并进行渲染。 当然,除了编程语言和库,我们还可以通过专门的数据...

    highcharts饼图字段超出解决

    这可以用来截断、省略或转换字段名称。例如: ```javascript plotOptions: { pie: { dataLabels: { formatter: function() { return this.point.name.substring(0, 10) + '...'; // 只显示前10个字符 } } }...

Global site tag (gtag.js) - Google Analytics