first commit
This commit is contained in:
71
web/statics/script/project_income.js
Executable file
71
web/statics/script/project_income.js
Executable file
@@ -0,0 +1,71 @@
|
||||
layui.use(['echarts'], function () {
|
||||
let echarts = layui.echarts;
|
||||
var column1 = echarts.init(document.getElementById('project_income'));
|
||||
option = {
|
||||
title: {
|
||||
text: '收入分布',
|
||||
orient: 'vertical',
|
||||
//top: 2,
|
||||
fontSize: 15,
|
||||
textStyle: {
|
||||
color: '#666666',
|
||||
fontWeight: 'normal'
|
||||
},
|
||||
// subtext: 'Fake Data',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
left: 'center',
|
||||
top: 'bottom',
|
||||
data: ['劳务费用', '顾问费', '场地费', '车辆费', '其他']
|
||||
},
|
||||
color: ['#63b2ee', '#76da91', '#f8cb7f', '#f89588', '#7cd6cf', '#9192ab', '#7898e1', '#efa666', '#eddd86', '#9987ce', '#63b2ee', '#76da91'],
|
||||
series: [
|
||||
{
|
||||
// name: 'Access From',
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
data: [
|
||||
{ value: 1048, name: '劳务费用' },
|
||||
{ value: 735, name: '顾问费' },
|
||||
{ value: 580, name: '场地费' },
|
||||
{ value: 484, name: '车辆费' },
|
||||
{ value: 300, name: '其他' }
|
||||
],
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: '#666666',
|
||||
},
|
||||
normal: {
|
||||
// formatter: '{b}:{c}: ({d}%)',
|
||||
formatter: '{c} ({d}%)',
|
||||
textStyle: {
|
||||
fontWeight: 'normal',
|
||||
color: '#666666',
|
||||
}
|
||||
},
|
||||
// formatter: function (params) {
|
||||
// var total = params.data.value;
|
||||
// return params.value + ' (' + total + '%)'
|
||||
// }
|
||||
},
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
column1.setOption(option);
|
||||
window.onresize = function () {
|
||||
column1.resize();
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user