`

piechar饼图动态数据

 
阅读更多
<script type="text/javascript">
$(function () {
	var jsonarray='${jsonarray}';
	var arraydata = $.parseJSON(jsonarray);
	var firstrow=arraydata[0];
	var data =  new Array();
	var total=0;
	for(var item in firstrow){
		data.push([item,Number(firstrow[item])]);
		total=total+Number(firstrow[item]);
	}
    $('#histogramcharshow').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: {
            text: '${reportConfig.name}'
        },
        subtitle: {
            text: '总数:'+total+'${reportConfig.unit}',
            x: -20
        },
        tooltip: {
    	    pointFormat: '数量:{point.y}${reportConfig.unit}'
        },
        exporting:{
            enabled:false
        },
        credits: {
            enabled: false
        }, 
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '{point.name}:{point.y}${reportConfig.unit} <br>百分比:{point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: '${reportConfig.name}',
            data: data            	
        }]
    });
});
</SCRIPT>

 

分享到:
评论

相关推荐

    echarts数据库 动态获取数据 代码(饼图)

    希望能帮到你

    TestExcel导出数据到excel中,包含数据和饼图,饼图和数据联动

    在TestExcel中,这可能通过监听数据的变化事件,然后动态更新饼图的系列数据来实现。例如,当删除或添加一行数据时,饼图的扇区数量和大小会相应调整。 此外,数据联动还可能包括选中饼图某一部分时,高亮相应的...

    c#导出数据到excel中,包含数据和饼图,饼图和数据联动

    本主题将深入探讨如何在C#中创建一个包含数据和饼图的Excel文件,并实现饼图与数据的联动效果。首先,我们需要理解几个关键概念: 1. **Excel文件操作库**:在C#中操作Excel,我们通常会借助第三方库,如EPPlus、...

    VC++实现饼图动态变大

    - 饼图由多个扇形组成,每个扇形代表数据的一部分。在VC++中,我们可以通过计算角度来确定每个扇形的大小。 - 利用GDI+的`Graphics`类进行画布操作,`SolidBrush`类定义颜色,`Pie`方法绘制扇形。 3. 动态效果...

    flash+XML动态数据图表2饼图

    本主题聚焦于“Flash+XML动态数据图表2饼图”,这是一种利用Adobe Flash技术和XML数据格式来创建交互式饼图的方法。以下是关于这个主题的详细讲解: 1. **Flash技术**:Flash是一款由Adobe公司开发的多媒体创作平台...

    AChartEngine图标库之动态饼图

    使用AChartEngine图表库实现动态饼图,可以实时传入数据并刷新饼图

    安卓实现achartengine+动态饼图+动态柱形图

    构建动态柱形图,官方的API并没有提供可以借鉴的动态更新饼图的方法,考虑到数据都是活动的,不可能总是用静态数据,具体是通过定时器+Handler实现定时任务,通过Handler更新主线程UI,在更新之前要把之前的数据清除...

    EASY饼图数据统计特效

    "EASY饼图数据统计特效"是一个针对网页开发者的资源,它提供了一种高效、直观的方式来展示数据。饼图是一种常见且易于理解的数据表示形式,尤其适用于显示部分与整体之间的关系。在这个资源中,我们主要关注的是如何...

    饼图控件 数据分析显示C#

    饼图控件在数据分析显示中扮演着重要角色,特别是在C#编程环境中,它为开发者提供了一种直观的方式来展示数据比例和分布。Visual Studio(VS)作为C#的主要开发工具,内置了丰富的图表控件,使得集成饼图到应用程序...

    使用easyui表格数据动态生成饼图

    "使用easyui表格数据动态生成饼图"的主题涉及到前端开发中的几个关键点:EasyUI框架、数据处理以及JavaScript图表库ECharts。下面我们将深入探讨这些知识点。 首先,EasyUI是一个基于jQuery的UI库,它提供了一系列...

    环形占比数据分析PPT饼图.pptx

    环形占比数据分析PPT饼图.pptx 本资源是一个使用PPT软件制作的环形占比数据分析饼图模板,主要用于展示季度占比数据的变化趋势。下面将对该资源的标题、描述、标签和部分内容进行详细分析,并输出相关的知识点。 ...

    Java Script Echarts动态饼图

    柱状图、饼图比例展示,根据年份自动变化,饼图柱状图相互切换。

    C#饼图统计图,原代码

    在C#中,饼图是一种常见的数据可视化工具,常用于显示各部分占整体比例的情况。下面将详细阐述相关知识点: 1. **C#**:C#是微软公司开发的一种面向对象的编程语言,广泛应用于Windows桌面应用、Web应用、游戏开发...

    移动端数据可视化模板设计、数据可视化、移动端数据可视化、Axure移动端数据可视化、图表组件、折线图、饼图、数据卡片、柱状图

    移动端数据可视化模板设计、数据可视化、移动端数据可视化、Axure移动端数据可视化、图表组件、折线图、饼图、数据卡片、柱状图 软件版本:Axure8.1(兼容Axure9、Axure10) 本作品整合各行业数据可视化模板,包括...

    flash xml动态变化饼图效果好

    标题中的“Flash XML动态变化饼图效果好”指的是在Flash平台上使用XML数据源来实现饼图的动态变化,提供良好的视觉效果。Flash是一款强大的交互式矢量图形和多媒体平台,常用于创建动画、应用程序和网页组件。XML...

    在ASP.NET页面中实现数据饼图

    在ASP.NET环境中,实现数据饼图是通过利用服务器端的绘图功能来达到在客户端浏览器上展示的效果。这种技术依赖于.NET Framework提供的图形处理能力,尤其是`System.Drawing`命名空间中的`Graphics`类。以下是对如何...

    django echarts饼图数据动态加载的实例

    ### Django Echarts饼图数据动态加载的实例知识点 #### 1. Django与Echarts的集成 在Django框架中,通常需要通过视图(views.py)与前端页面(模板)进行数据交互。而Echarts则是一个由百度开源的数据可视化工具,...

    自定义数据统计之饼图实现

    在数据分析和可视化领域,饼图是一种非常常见的图表类型,它能直观地展示各部分与整体之间的比例关系。本文将深入探讨如何实现一个自定义的饼图,以满足特定的数据统计需求。我们将通过简单的逻辑和易读的代码来构建...

    fastreport 报表(饼图制作)

    如果满意,将其嵌入到你的应用程序中,用户就能看到动态的饼图报表了。 在提供的"FastReport 报表(饼图制作).html"文件中,可能包含了详细的步骤和截图,帮助读者更好地理解和跟随操作。"FastReport 报表(饼图制作)...

    现成的动态饼图

    它提供了丰富的图表类型,包括饼图、柱状图、线图等,且支持自定义样式和交互功能,非常适合开发动态数据可视化应用。 3. **Web.config配置**:在ASP.NET项目中,`Web.config`是一个非常重要的配置文件,它包含了...

Global site tag (gtag.js) - Google Analytics