function show(arr) {
//alert(arr);
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
formatter: function() {
return '<b>' + this.point.name + '</b>: ' + this.y + ' MB';
}
},
plotOptions: {
pie: {
allowPointSelect: false,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>' + this.point.name + '</b>: ' + this.y + ' %';
}
}
}
},
series: [
{
type: 'pie',
name: 'Browser share',
data: arr
}
]
});
}
2、post请求数据
$.post("${createLink(controller:'main',action:'pie')}", {type:'json'}, function(data) {
var arr = new Array();
for (var i = 0; i < data.length; i++) {
var tmp = new Array();
tmp[0] = data[i].name;
tmp[1] = data[i].memSize/1024;
arr[i] = tmp;
}
show(arr);
});
3、显示结果:
- 大小: 90.7 KB
分享到:
相关推荐
gatling-charts-highcharts-bundle-3.3.1-bundle,很好用的测试工具,有一定的学习成本。
1.gatling和其他压力工具相比有个好处是放在同一内网环境下linux服务器上,这样避免其他压力使用办公机使用共有网络,网络情况对压力测试的影响。 2 生成比较详细的压力测试报告。 3 能够更灵活的编写压力脚本。 ...
highcharts--基本使用手册(中文API).doc
Highcharts-export-module-asp.net, 在你自己的ASP.NET 服务器上,该模块允许你导出图表 Tek4.Highcharts.Exporting 程序集Tek4 ASP.NET ( http://highcharts.com/ )的导出模块。 版本 1.0.2.0 ( 3,2012 )基于 ASP...
1.5.4版的gatling
Tek4.Highcharts Exporting模块和实例 sln代码
Highcharts-6.0.2-demo.zip,仅供学习交流使用,测试了,可以使用 Highcharts-6.0.2-demo.zip,仅供学习交流使用,测试了,可以使用
java+echarts实现动态图表,jsp前台页面通过ajax异步请求,controller层处理完数据返回前台实现动态图表。 一个简单实例: 1. 前台echarts图表依赖js文件: ... jquery-1.11.2.min.js jquery依赖js文件 ...
NULL 博文链接:https://747017186.iteye.com/blog/2071305
前端项目-highcharts-export-csv,用于将图表数据导出到csv、xls或html表的HighCharts插件
Highcharts Gantt 7
零基础highcharts生成报表-简单应用 .用到的文件,非能运行版
Highmaps 可以单独使用,也可以作为 Highcharts 的一个组件来使用。 主要优势(功能特点) 完美支持移动端 Highmaps 设计之初就考虑到了移动设备浏览器,移动平台上多点触摸、手势操作均支持,同时 Highmaps 在 PC ...
Highstock 支持直线图、折线图、面积图、面积曲线图、柱形图、散点图、蜡烛图(OHLC)、K线图、标签图、面积范围图、柱形范围图等多种图表, 其中很多图表可以集成在同一个图形中形成混合图 config-syntax简单的...
gatling 新兴的性能测试工具 使用scala语言编写脚本
Highstock 支持直线图、折线图、面积图、面积曲线图、柱形图、散点图、蜡烛图(OHLC)、K线图、标签图、面积范围图、柱形范围图等多种图表, 其中很多图表可以集成在同一个图形中形成混合图 config-syntax简单的...
Highcharts可以为您的网站或Web应用程序提供直观,互动式的图表。目前支持线,样条,面积,areaspline,柱形图,条形图,饼图和散点图类型。
highcharts-axis-labels-shorten 这是一个用于 Highcharts 的插件,用于缩短 x 轴上的标签并在标签过多时跳过一些标签。 跳过和缩短标签时,插件会尊重字体系列和字体大小设置。 免责声明:此插件仅适用于 svg ...
highcharts--基本使用 各种图表
highcharts--基本使用(API),折线图,饼状图,等各种炫的图形画法