大屏数据可视化用ajax吗,highcharts(数据可视化框架),ajax传递数据问题

/*highcharts视图js表格图*/

var chart1 = Highcharts.chart('container1', {

chart: {

type: 'cylinder',

options3d: {

enabled: true,

alpha: 10,

beta: 10,

depth: 100,

viewDistance: 50

}

},

title: {

text: '部门人数'

},

plotOptions: {

series: {

depth: 25,

colorByPoint: true

}

},

series: [{

//seriesData是json数据

data:seriesData,

name: '部门人数',

showInLegend: false

}],

xAxis:[{

title: {

enabled: true,

text:"部门",

style:"color:#000;"

},

categories:categories,

}],

yAxis:[{

title: {

enabled: true,

text:"人数",

style:"color:#000;"

}

}]

})

/*highcharts视图js圆圈图*/

var chart2 = Highcharts.chart('container2', {

chart: {

type: 'pie',

options3d: {

enabled: true,

alpha: 45,

beta: 0

},

width:400,

height:400,

},

title: {

text: '部门人员占比'

},

tooltip: {

pointFormat: '{series.name}:{point.percentage:.1f}%'

},

plotOptions: {

pie: {

allowPointSelect: true,

cursor: 'pointer',

depth: 35,

dataLabels: {

enabled: true,

format: '{point.name}'

}

}

},

series: [{

type: 'pie',

name: '部门人员占比',

//seriesData是json数据

data: seriesData

}]

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值