<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>
相关推荐
希望能帮到你
c#导出数据到excel中,包含数据和饼图,饼图和数据联动
TestExcel导出数据到excel中,包含数据和饼图,饼图和数据联动
使用AChartEngine图表库实现动态饼图,可以实时传入数据并刷新饼图
构建动态柱形图,官方的API并没有提供可以借鉴的动态更新饼图的方法,考虑到数据都是活动的,不可能总是用静态数据,具体是通过定时器+Handler实现定时任务,通过Handler更新主线程UI,在更新之前要把之前的数据清除...
柱状图、饼图比例展示,根据年份自动变化,饼图柱状图相互切换。
移动端数据可视化模板设计、数据可视化、移动端数据可视化、Axure移动端数据可视化、图表组件、折线图、饼图、数据卡片、柱状图 软件版本:Axure8.1(兼容Axure9、Axure10) 本作品整合各行业数据可视化模板,包括...
flash+XML动态数据图表2饼图,修改xml文件可得到动态数据图
一个简单的VC++编程例子,实现饼图逐渐变大,每一秒变大一次
饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图...
本文要介绍的在ASP.NET页面中实现数据饼图采用的基本也是这种方法。饼图有时称为\"Pie\"图,本文要实现的数据饼图模样。
环形占比数据分析PPT饼图.pptx
EXCEL复合型饼图数据分析图表模板.xlsx
1.根据json格式获取到数据,easyui样式列表显示 2.饼图根据表格数据动态生成 3.JavaScript中使用echarts插件
自定义简单的数据统计之饼图,逻辑简单,代码不复杂,方便使用和学习
html5画饼图,js实现动态饼图,可以下载下来看看
网页饼图特效. 望对您有帮助
从数据库中提取数据,并动态绘制曲线图和饼图的dll控件源代码
数据分析显示 在VS中引入,方便大家,使用简单
#keys与values分别为该数据的键数组,值的数组。这里循环为字典添加对应键值 for k, v in zip(keys, values): data.update({k: v, },) #最后将数据打包成json格式以字典的方式传送到前端 return render(request, '...