精华内容
下载资源
问答
  • 项目中用过,3D阶梯图 3D饼状图 three.js 实现,二维数据展示 修改数据中的heightValue都等于一样的值,就变成了3D饼图了。 如有其他问题可以评论,我看到了会及时解决。谢谢。
  • HTML中的3D饼状图

    2018-06-20 21:55:19
    虽说echarts已经提供了比较全面的图表,但是涉及到的类库很多,资源很多。一不小心就容易弄错。这款饼状图插件很轻量,适合做个性化裁剪。
  • 本文实例讲述了jQuery插件FusionCharts绘制的3D饼状图效果。分享给大家供大家参考,具体如下: 1、实现源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>最新版...
  • Unity3d 饼状图

    2015-05-11 13:12:24
    使用Unity3d的Mesh重绘,绘制饼状图。能够实现不同比例的动态显示。
  • 利用d3js绘制漂亮的React 3D饼状图
  • 3D饼状图下载PPT模板

    2021-03-20 13:28:57
    关键词:3D饼状图PPT模板下载,3d,饼图,饼状图,PPT模板下载,PPT素材下载; 关键词:3D饼状图PPT模板下载,3d,饼图,饼状图,PPT模板下载,PPT素材下载;
  • jquery+raphael实现3D饼状图

    热门讨论 2013-03-28 17:36:21
    使用raphael、jquery实现3D饼状图,鼠标点击划出等效果;
  • highcharts实现3D饼状图

    2020-12-11 17:39:18
    刚接触前端的时候作图大多数时候都用echarts,但今天项目中一个需求是要实现3D饼状图,所以转向highcharts来实现,具体实现过程如下。 首先要引入所需的js文件,在官网详细说明该引入那些js文件 一、文件的使用 1...

    刚接触前端的时候作图大多数时候都用echarts,但今天项目中一个需求是要实现3D的饼状图,所以转向highcharts来实现,具体实现过程如下。
    首先要引入所需的js文件,在官网详细说明该引入那些js文件

    一、文件的使用
    1、基础使用
    Highcharts 最基本的运行只需要一个 JS 文件,即 highcharts.js,例如引入下面的文件即可创建基础的图表了。
    
    <script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
    注:Highcharts 从 4.2.0 开始,已经不依赖 jQuery(参考例子),如果你的页面中不需要 jQuery,那么无需引入;不依赖 jQuery 的原因是我们将去掉了适配器并支持 CommonJS 模块标准,也就是说 Highcharts 可以在所有 CommonJS 规范下的环境中运行(例如 Nodejs),这也使得我们的产品可以结合目前市面上常用的库使用,例如 React、Browserify 、Webpack、Vue、AngularJS 等。
    
    2、功能模块
    功能模块是在 Highcharts 主要功能的基础做的扩展,是由官方发布的功能包,常用功能模块有:
    
    更多图表类型扩展模块(highcharts-more.js)
    3D 图表模块 (highcharts-3d.js)
    导出功能模块(modules/exporting.js)
    金字塔图表类型(modules/funnel.js)
    钻取功能模块(modules/drilldown.js)
    数据加载功能模块(modules/data.js)
    更多模块可以在下载的资源包的 modules 目录找到,具体的功能我们会在后面的教程中讲解。
    
    使用功能模块很简单,只需要引入对应的文件即可,唯一需要注意的是保证 highcharts.js 的引用顺序是在功能模块之前。
    
    例如启用导出功能时需要引入的文件及顺序是:
    <script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script> 
    <script src="http://cdn.highcharts.com.cn/highcharts/modules/exporting.js"></script>
    
    

    二、文件引入完成之后需要一个放图表的容器

    <div id="highEchart3" class="echartBox"></div>
    

    注意需要给容器一个宽高。此处id要与var chart中的对应
    三、图表的js内容

      var chart = Highcharts.chart('highEchart3', {
                    chart: {
                        type: 'pie',
                        options3d: {
                            enabled: true,
                            alpha: 45,
                            beta: 0
                        }
                    },
                    credits: {
                        enabled: false, //此处配置用来取消highcharts.com的链接
                    },
                    title: {
                        text: '自建系统整合完成占比',
                        align: 'center',
                        x: -30,
                        verticalAlign: 'bottom',
                        y: 0
                    },
                    tooltip: {
                        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            depth: 35,
                            dataLabels: {
                                enabled: false,
                                format: '{point.name}'
                            },
                            showInLegend: true//控制图例显示
                        }
                    },
                    legend: {
                        layout: 'vertical',
                        align: 'right',
                        verticalAlign: 'middle' //图例
                    },
                    series: [{
                        type: 'pie',
                        name: '',
                        colors: ['#e67b30', '#426dbf'], //图表颜色
                        data: [
                            ['自建系统', 45.0,],
                            ['国发系统', 26.8],
                        ]
                    }]
                });
    

    最后效果如下:
    在这里插入图片描述

    展开全文
  • 主要介绍了php使用Jpgraph绘制3D饼状图的方法,涉及jpgraph使用PiePlot3D创建3D饼状图的技巧,需要的朋友可以参考下
  • 3D 饼状图制作软件

    2012-11-27 17:35:45
    平时,利用 Excel 或者 Google Docs 都可以很方便的作出饼状图,当然还有很多专业软件来制作饼状图3D pie 属于超轻量级,易于使用及分享,创建饼状图后复制代码即可分享到自己的 blog 里,这样我们就可以轻易创造出...
  • jquery3D饼状图.zip

    2019-12-17 16:06:17
    因为echarts没这个功能,或者说做不出这样的效果,所以通过FusionCharts、jquery实现3D饼状图。附demo代码。
  • highcharts实现立体3D饼状图

    千次阅读 2018-02-06 20:29:30
    最近做一个h5活动页,设计师给我设计出了一个3D饼状图,我当时觉得没啥,觉得强大的echarts应该能做出来的,因为公司的项目涉及到图表的都用的echarts,但是后来去echarts官网一查,没这个功能,或者说做不出这样的...

          最近做一个h5活动页,设计师给我设计出了一个3D饼状图,我当时觉得没啥,觉得强大的echarts应该能做出来的,因为公司的项目涉及到图表的都用的echarts,但是后来去echarts官网一查,没这个功能,或者说做不出这样的效果,所以就想想用别的框架,后来就发现了highcharts,其实两个做图表方面都差不多,一个是国产的一个是进口的,而且两个做图标的效果也是有一定区别的,echarts用canvas做的,而highcharts使用svg实现的,各有各的优点吧!兼容性方面来说应该是highcharts比较强,展示效果的话echarts比较好,废话不多说了,开始贴demo代码吧!

    $(function () {
        Highcharts.setOptions({
            colors: ['#FF4C4C', '#00AAD2']
        });
        $('#container').highcharts({
            chart: {
                type: 'pie',
                options3d: {
                    enabled: true,
                    alpha: 55,//调整立体倾斜角度
                    beta: 0
                }
            },
            title: {
                text: ''
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: false,
                    cursor: 'pointer',
                    depth: 95,//调整立体高度
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}:{point.percentage:.1f}%',
                        backgroundColor:'#ffffff',
                        borderColor:'#333333',
                        borderRadius:4,
                        borderWidth: 2,
                        fontSize:50
                    }
                }
            },
            series: [{
                type: 'pie',
                name: '浏览器占比',
                data: [
                    {
                        y: 10,
                        name: "线下消费",
                        color: "#00AAD2"
                    }, {
                        y: 90,
                        name: "线上消费",
                        color: "#FF4C4C"
                    }
                ]
            }]
        });
    });
    大概效果图如下:

    PS:很多参数都是可以去调的,就是需要自己研究API再加上调试,API传送门:

    https://www.hcharts.cn/demo/highcharts





    展开全文
  • cesium 3D饼状图

    2020-01-08 12:31:31
    cesium 自定义3D饼状图,最近业务太忙,后期更新代码

    cesium 自定义3D饼状图,最近业务太忙,后期更新代码
    在这里插入图片描述

    展开全文
  • 这是一份炫目的数据分析数据统计类PPT模板,... 幻灯片模板橙色与黄色的渐变作为背景,一个金属质感的3D立体饼状图模型作为PPT背景图片。给人高端大气的感觉; 本PPT模板适合用于制作与金融、财务相关的幻灯片。以及数
  • 独立项目编码实现3D饼状图的报表分析,完整项目+数据+源码,导入即可使用
  • php设计3D饼状图

    2018-11-15 10:42:41
    通过jpgraph创建3D饼状图,展示不同月份的业绩,实现代码如下
  • 关键词:3D饼状图PPT模板下载,3d,饼图,饼状图,PPT模板下载,PPT素材下载;
  • GDI+绘制3D饼状图

    2017-08-28 23:32:00
    完美3D饼状图,可以设置大小,输出位置等多想功能。
  • Origin2017绘制3D饼状图 去掉指定图例

    千次阅读 2019-03-01 10:17:18
    Origin在绘制饼状图时,有时只想显示部分图例,如下图所示: 针对此,可以先绘制图像。 这里可以看到所有的图例都例举出来了。针对此,可以双击图例部分。可以看到图例变成了下面的内容: 针对这个,可以进行自由...

    Origin在绘制饼状图时,有时只想显示部分图例,如下图所示:
    在这里插入图片描述

    针对此,可以先绘制图像。
    在这里插入图片描述
    这里可以看到所有的图例都例举出来了。针对此,可以双击图例部分。可以看到图例变成了下面的内容:
    在这里插入图片描述
    针对这个,可以进行自由删减操作,进而删除指定图例,达到目标。

    展开全文
  • threejs 第三十四用 3D饼状图

    千次阅读 2019-06-25 14:26:31
    饼状图画出来就是这个样子的 STEP1 先创建一个顶部封口侧面未封口的圆柱 STEP2 把侧面补上 打个directional灯 看起来就是这样子了 threejs交流群511163089 ...
  • echarts3 可以做出这样的饼状图吗?有大神指导下么![图片说明](https://img-ask.csdn.net/upload/201611/09/1478684266_661592.png)
  • 3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图3D三维饼状图
  • import React, { useEffect, useRef, useState } from 'react' import Highcharts from 'highcharts' ...import Highcharts3d from 'highcharts/highcharts-3d' function Home (props) { const staffname = us.
  • Flex中生成3D饼状图Demo

    2013-12-18 16:58:48
    Flex利用AmChart生成3D饼状图,在Flash Builder中导入本文件
  • 幻灯片模板橙色与黄色的渐变作为背景,一个金属质感的3D立体饼状图模型作为PPT背景图片。给人高端大气的感觉; 本PPT模板适合用于制作与金融、财务相关的幻灯片。以及数据分析、数据统计PPT; 关键词:黄色、金色...
  • 3D饼状图,基于MFC

    2014-12-29 10:20:24
    用VC6.0 C++语言写的,用于只能显示占用比例等的商业型的3D饼状图形,非常简单,一看就懂。
  • HighChart 3D饼状图 动态加载数据

    千次阅读 2015-04-07 18:11:42
    '服务器故障频率分布' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, credits: { enabled: false // 清除logo }, plotOptions: { pie: { allowPointSelect: ...
  • 3D饼状图

    2008-06-12 16:49:16
    vc++实现3D饼状图的绘制

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,432
精华内容 1,772
关键字:

3d饼状图