目录
注意：
效果：
HTML：
Javascript：
show.js:
option02.js:
JSON：
json02:
json4:
json5:
json7:
json8:
json12:
json13:
json17:
json18:
json19:
json20:
json21:
注意：
1、JSON的路径以及命名
2、注意导入对应的JS
效果：
HTML：
Javascript： show.js:div { margin-top: 20px; } 出租车静态数据展示
function show () {
/
for (var i = 0; i < tu12.length; i++) {
tu12xAsixData.push(tu12[i].name)
tu12seriesData.push(tu12[i].value)
}
tu12option.series[0].data = tu12seriesData;
tu12option.xAxis.data = tu12xAsixData;
tu12Charts.setOption(tu12option)
})
//**************************图13
$.get("json/tu13.json", function(d) {
for (let i = 0; i < tu13option.series.length - 1; i++) {
let data = [];
let Ndata = [];
for (let j = 0; j < d[i].data.length; j++) {
Ndata.push(d[i].data[j].name);
data.push(d[i].data[j].value)
}
tu13option.series[i].data = data;
tu13option.xAxis.data = Ndata;
}
let sdata = []
for (let j = 0; j < d.length; j++) {
let s = 0;
for (let m = 0; m < d[j].data.length; m++) {
s = d[j].data[m].value + s;
}
let obj = {
"name": d[j].title,
"value": s
}
sdata.push(obj)
}
tu13option.series[2].data = sdata;
tu13Charts.setOption(tu13option)
})
//**************************图14
const tu14legendData = [];
const tu14xAxisData = [];
const tu14lxsData = [];
const tu14pcsData = [];
$.get("json/tu14.json",function (tu12) {
for (var i = 0; i < tu12.length; i++) {
tu14legendData.push(tu12[i].type)
}
for (var j = 0; j < tu12[0].value.length; j++) {
tu14xAxisData.push(tu12[0].value[j].car)
tu14lxsData.push(tu12[0].value[j].shuzhi)
tu14pcsData.push(tu12[1].value[j].shuzhi)
}
tu14option.series[1].data= tu14pcsData;
tu14option.series[0].data= tu14lxsData;
tu14option.xAxis.data = tu14xAxisData;
tu14option.legend.data = tu14legendData;
tu14Charts.setOption(tu14option)
})
//**************************图15
const tu15legendData = [];
const tu15xAxisData = [];
const tu15qyData = [];
const tu15cyData = [];
const tu15ydhdData = [];
const tu15ddData = [];
const tu15trqData = [];
const tu15yzData = [];
const tu15nanData = [];
const tu15nvData = [];
$.get("json/tu15.json",function(tu15) {
for(var i = 0; i < tu15.length; i++) {
for(var j = 0; j < tu15[i].typevalue.length; j++) {
tu15legendData.push(tu15[i].typevalue[j].type);
}
}
// 测试legendData
// alert(legendData)
for (var i = 0; i < tu15[0].typevalue[0].value.length; i++) {
tu15xAxisData.push(tu15[0].typevalue[0].value[i].car)
tu15qyData.push(tu15[0].typevalue[0].value[i].sl)
tu15cyData.push(tu15[0].typevalue[1].value[i].sl)
tu15ydhdData.push(tu15[0].typevalue[2].value[i].sl)
tu15ddData.push(tu15[0].typevalue[3].value[i].sl)
tu15trqData.push(tu15[0].typevalue[4].value[i].sl)
tu15yzData.push(tu15[0].typevalue[5].value[i].sl)
// alert(qyData)
//测试xAxisData
// alert(tu15[0].typevalue[0].value[i].car)
}
for (var i = 0; i < tu15[1].typevalue[0].value.length; i++) {
tu15nanData.push(tu15[1].typevalue[0].value[i].sl)
tu15nvData.push(tu15[1].typevalue[1].value[i].sl)
// alert(nanData)
// alert(nvData)
// 测试nanData
// alert(tu15[0].typevalue[1].value[i].car)
}
tu15option.series[7].data = tu15nvData;
tu15option.series[6].data = tu15nanData;
tu15option.series[5].data = tu15yzData;
tu15option.series[4].data = tu15trqData;
tu15option.series[3].data = tu15ddData;
tu15option.series[2].data = tu15ydhdData;
tu15option.series[1].data = tu15cyData;
tu15option.series[0].data = tu15qyData;
tu15option.xAxis.data = tu15xAxisData
tu15option.legend.data = tu15legendData;
tu15Charts.setOption(tu15option);
})
//**************************图16
const tu16legendData = [];
const tu16xAxisData = [];
const tu16lxsData = [];
const tu16pcsData = [];
$.get("json/tu16.json", function(tu12) {
for (var i = 0; i < tu12.length; i++) {
tu16legendData.push(tu12[i].type)
}
for (var j = 0; j < tu12[0].value.length; j++) {
tu16xAxisData.push(tu12[0].value[j].car)
tu16lxsData.push(tu12[0].value[j].shuzhi)
tu16pcsData.push(tu12[1].value[j].shuzhi)
}
tu16option.series[1].data = tu16pcsData;
tu16option.series[0].data = tu16lxsData;
tu16option.xAxis.data = tu16xAxisData;
tu16option.legend.data = tu16legendData;
tu16Charts.setOption(tu16option)
})
//**************************图17
const tu17legendData = [];
const tu17xAxisData = [];
const tu17nanData = [];
$.get("json/tu17.json",function (tu17) {
for (var i = 0; i < tu17.length; i++) {
tu17legendData.push(tu17[i].type)
}
for (var j = 0; j < tu17[0].value.length; j++) {
tu17xAxisData.push(tu17[0].value[j].car)
// alert(tu17[0].value[j].renshu)
tu17nanData.push(tu17[0].value[j].renshu)
}
tu17option.series[0].data= tu17nanData;
tu17option.xAxis.data = tu17xAxisData;
tu17Charts.setOption(tu17option)
})
//**************************图18
const tu18legendData = [];
const tu18xAxisData = [];
const tu18nanData = [];
$.get("json/tu18.json",function (tu17) {
for (var i = 0; i < tu17.length; i++) {
tu18legendData.push(tu17[i].type)
}
for (var j = 0; j < tu17[0].value.length; j++) {
tu18xAxisData.push(tu17[0].value[j].car)
// alert(tu17[0].value[j].renshu)
tu18nanData.push(tu17[0].value[j].renshu)
}
tu18option.series[0].data= tu18nanData;
tu18option.xAxis.data = tu18xAxisData;
tu18Charts.setOption(tu18option)
})
//**************************图19
const tu19legendData = [];
const tu19xAxisData = [];
const tu19nanData = [];
$.get("json/tu19.json",function (tu17) {
for (var i = 0; i < tu17.length; i++) {
tu19legendData.push(tu17[i].type)
}
for (var j = 0; j < tu17[0].value.length; j++) {
tu19xAxisData.push(tu17[0].value[j].car)
// alert(tu17[0].value[j].renshu)
tu19nanData.push(tu17[0].value[j].renshu)
}
tu19option.series[0].data= tu19nanData;
tu19option.xAxis.data = tu19xAxisData;
tu19Charts.setOption(tu19option)
})
//**************************图20
const tu20legendData = [];
const tu20xAxisData = [];
const tu20nanData = [];
const tu20nvata = [];
$.get("json/tu20.json",function (tu20) {
for (var i = 0; i < tu20.length; i++) {
tu20legendData.push(tu20[i].type)
}
for (var j = 0; j < tu20[0].value.length; j++) {
tu20xAxisData.push(tu20[0].value[j].car)
// alert(tu20[0].value[j].renshu)
tu20nanData.push(tu20[0].value[j].renshu)
tu20nvata.push(tu20[1].value[j].renshu)
}
tu20option.series[1].data= tu20nanData;
tu20option.series[0].data= tu20nanData;
tu20option.xAxis.data = tu20xAxisData;
tu20option.legend.data = tu20legendData;
tu20Charts.setOption(tu20option)
})
//**************************图21
const tu21xAsixData = [];
const tu21seriesData = [];
$.get("json/tu21.json", function(tu21) {
for (var i = 0; i < tu21.length; i++) {
tu21xAsixData.push(tu21[i].name)
tu21seriesData.push(tu21[i].value)
}
tu21option.series[0].data = tu21seriesData;
tu21option.xAxis.data = tu21xAsixData;
tu21Charts.setOption(tu21option)
})
}
option02.js:
//****************************tu1
var tu1option = {
title: {
text: '燃料类型比例与数量',
center:"right",
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'horizontal',
top: "30%",
right:"100%",
width: "30%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '燃料类型比例与数量',
type: 'pie',
radius: '50%',
data: [],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu2
var tu2option = {
title: {
text: '正副班比例与数据',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left',
top:"10%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '正副班比例与数据',
type: 'pie',
radius: '50%',
data: [],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu3
var tu3option = {
title: {
text: '男女比例与数量：整体',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
grid: {
top: "5%"
},
legend: {
orient: 'vertical',
left: 'left',
top:"10%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '男女比例与数量：整体',
type: 'pie',
radius: '50%',
data: [
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu4
var tu4option = {
title: {
text: '运营类型与数量',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left',
top:"10%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '运营类型与数量',
type: 'pie',
radius: '50%',
data: [
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu5
var tu5option = {
title: {
text: '车主属性比例与类别',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b}:{c}({d}%)'
},
legend: {
orient: 'vertical',
left: 'left',
top:"10%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '车主属性比例与类别',
type: 'pie',
radius: '50%',
data: [
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu6
var tu6option = {
title: {
text: '车辆总数:分企业',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b}:{c}({d}%)'
},
legend: {
top:"5%",
orient: 'vertical',
left: 'left',
textStyle: {
color: "#ffffff"
}
},
grid: {
width:"50%",
heith:'50%',
top: "5%"
},
series: [{
name: '车辆总数:分企业',
type: 'pie',
radius: '50%',
data: [
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu7
var tu7option = {
title: {
text: '男女比例与数量:整体',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b}:{c}({d}%)'
},
legend: {
top:"10%",
orient: 'vertical',
left: 'left',
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '男女比例与数量:整体',
type: 'pie',
radius: '50%',
data: [
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu8
var tu8option = {
title: {
text: '燃料类型比例与数量',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
legend: {
left: 'left',
textStyle: {
color: "#ffffff"
},
top:"10%"
},
grid: {
top: '20%'
},
series: [{
name: '燃料类型比例与数量',
type: 'pie',
radius: '50%',
data: [],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu9
var tu9option = {
title: {
text: '企业人员比例与数量',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
legend: {
orient: "horizontal",
width: "40%",
top: "10%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '企业人员比例与数量',
type: 'pie',
radius: '50%',
data: [],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu10
var tu10option = {
title: {
text: '正副班比例与数据',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left',
top:"10%",
left:"10%",
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '正副班比例与数据',
type: 'pie',
radius: '50%',
data: [],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu11
var tu11option = {
title: {
text: '路线总数:分企业',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b}:{c}({d}%)'
},
legend: {
orient: 'vertical',
left: 'left',
textStyle: {
color: "#ffffff"
}
},
series: [{
name: '路线总数:分企业',
type: 'pie',
radius: '50%',
data: [
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu12
var tu12option = {
title: {
text: '载客次数：分时间段',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: "axis"
},
xAxis: {
type: 'category',
data: [],
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
series: [{
data: [],
type: 'line',
smooth: true,
symbol: 'none',
name: '载客次数：'
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu13
var tu13option = {
title: {
text: '营运金额:按时间段分',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: 'axis'
},
legend: {
left: "left",
textStyle: {
color: "#ffffff"
},
orient: 'vertical',
top:"20%"
},
xAxis: {
name: "时间",
type: 'category',
data: [],
axisTick: {
alignWithLabel: true
},
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
grid: {
top: '55%'
},
series: [{
name: "载客里程:",
data: [],
type: 'line',
smooth: true,
seriesLayoutBy: 'row'
}, {
name: "空驶里程:",
data: [],
type: 'line',
smooth: true,
seriesLayoutBy: 'row'
},
{
type: "pie",
data: [],
radius: '20%',
center: ['50%', '25%'],
label: {
formatter: '{b}:({d}%)'
}
}
],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu14
var tu14option = {
title: {
text: '线路总里程数与配车数：分企业',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
grid: {
top: "20%"
},
legend: {
data: [],
top: "10%",
textStyle: {
color: "#ffffff"
}
},
xAxis: {
type: 'category',
data: [],
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
series: [{
name: "线路总里程数",
data: [],
type: 'bar'
},
{
name: "配车数",
data: [],
type: 'bar'
}
],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu15
var tu15option = {
title: {
text: '燃料类型比例与数量：分企业',
left: 'center',
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
legend: {
data: [],
textStyle: {
color: "#ffffff"
},
top:"20%",
orient: 'vertical',
left:"5%"
},
xAxis: {
type: 'category',
data: [],
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
grid: {
width: "60%",
left:"30%"
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
series: [{
name: '汽油',
type: 'bar',
stack: '总量',
data: []
},
{
name: '柴油',
type: 'bar',
stack: '总量',
data: []
},
{
name: '油电混动',
type: 'bar',
stack: '总量',
data: []
},
{
name: '电动',
type: 'bar',
stack: '总量',
data: []
},
{
name: '天然气',
type: 'bar',
stack: '总量',
data: []
},
{
name: '原装双燃料',
type: 'bar',
stack: '总量',
data: []
},
{
name: '男',
type: 'bar',
stack: '性别',
data: []
},
{
name: '女',
type: 'bar',
stack: '性别',
data: []
},
],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu16
var tu16option = {
title: {
text: '男女比例数量：分企业',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
legend: {
data: [],
top: "10%",
textStyle: {
color: "#ffffff"
}
},
xAxis: {
type: 'category',
data: [],
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
grid: {
top:"20%",
width:"70%",
height: "50%"
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
series: [{
name: "男",
data: [],
type: 'bar'
},
{
name: "女",
data: [],
type: 'bar'
}
],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu17
var tu17option = {
title: {
text: "载客比例与次数：分公司",
textStyle: {
fontSize: 20,
color: "#00F1FB"
}
},
toolpip: {
trigger: "axis"
},
legend: {
data: [],
center: "center",
textStyle: {
color: "#ffffff"
}
},
grid: {
left:"30%",
width:"60%"
},
xAxis: {
type: "category",
data: [],
axisLabel: {
interval: 4
},
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: "value",
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
dataZoom: [{
top: "100%",
bottom: "0%"
},
{
type: 'slider',
textStyle: {
color: "#ffffff"
}
},
{
type: 'inside'
},
],
series: [{
name: "载客次数",
type: "bar",
data: []
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu18
var tu18option = {
title: {
text: "运营额度与金额：分公司",
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
toolpip: {
trigger: "axis"
},
legend: {
data: [],
center: "center",
textStyle: {
color: "#ffffff"
}
},
xAxis: {
type: "category",
data: [],
axisLabel: {
interval: 6
},
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: "value",
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
dataZoom: [{
top: "100%",
bottom: "0%"
},
{
type: 'slider',
textStyle: {
color: "#ffffff"
}
},
{
type: 'inside'
},
],
series: [{
name: "运营金额",
type: "bar",
data: []
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu19
var tu19option = {
title: {
text: "载客比例与次数：分公司",
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
toolpip: {
trigger: "axis"
},
legend: {
data: [],
center: "center",
textStyle: {
color: "#ffffff"
}
},
xAxis: {
type: "category",
data: [],
axisLabel: {
interval: 4
},
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: "value",
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
dataZoom: [{
top: "100%",
bottom: "0%"
},
{
type: 'slider',
textStyle: {
color: "#ffffff"
}
},
{
type: 'inside'
},
],
series: [{
name: "人员数",
type: "bar",
data: []
}, ],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu20
var tu20option = {
title: {
text: "载客比例与次数：分公司",
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
toolpip: {
trigger: "axis"
},
legend: {
data: [],
top: "10%",
center: "center",
textStyle: {
color: "#ffffff"
}
},
xAxis: {
type: "category",
data: [],
axisLabel: {
interval: 4
},
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: "value",
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
dataZoom: [{
top: "100%",
bottom: "0%"
},
{
type: 'slider',
textStyle: {
color: "#ffffff"
}
},
{
type: 'inside'
},
],
series: [{
name: "男",
type: "bar",
data: []
},
{
name: "女",
type: "bar",
data: []
}
],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
//****************************tu21
var tu21option = {
title: {
text: '运营金额：分时间段',
left: 'center',
textStyle: {
fontSize: 30,
color: "#00F1FB"
}
},
tooltip: {
trigger: "axis"
},
legend: {
center: "left",
top: "10%",
textStyle: {
color: "#ffffff"
}
},
xAxis: {
type: 'category',
data: [],
splitLine: {
show: true
},
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff"
}
}
},
series: [{
data: [],
type: 'line',
smooth: true,
symbol: 'none',
name: '载客次数：'
}],
color: [
"#63b2ee",
"#76da91",
"#f8cb7f",
"#f89588",
"#7cd6cf",
"#9192ab",
"#7898e1",
"#efa666",
"#eddd86",
"#9987ce",
"#63b2ee",
"#63b2ee"
]
};
JSON：
json02:
[{
"value": 300,
"name": "正班数"
},
{
"value": 1000,
"name": "副班数"
}
]
[
{
"value": 1048,
"name": "网约出租车"
},
{
"value": 900,
"name": "巡游出租车"
}
]
json5:
[
{
"value": 648,
"name": "企业法人"
},
{
"value": 1100,
"name": "个体"
}
]
json7:
[
{
"value": 768,
"name": "女"
},
{
"value": 1100,
"name": "男"
}
]
json8:
[{
"value": 1000,
"name": "汽油"
},
{
"value": 300,
"name": "柴油"
},
{
"value": 150,
"name": "油电混动"
},
{
"value": 100,
"name": "电动"
},
{
"value": 250,
"name": "天然气"
},
{
"value": 200,
"name": "原装双燃料"
}
]
json12:
[
{"name":"00时","value":"466"},
{"name":"03时","value":"436"},
{"name":"06时","value":"342"},
{"name":"09时","value":"546"},
{"name":"12时","value":"235"},
{"name":"15时","value":"345"},
{"name":"18时","value":"425"},
{"name":"21时","value":"352"},
{"name":"24时","value":"657"}
]
json13:
[{
"title": "载客里程",
"data": [{
"name": "00:00",
"value": 30000
}, {
"name": "01:15",
"value": 50000
}, {
"name": "01:15",
"value": 40000
}]
}, {
"title": "空客里程",
"data": [{
"name": "00:00",
"value": 9000
}, {
"name": "01:15",
"value": 7000
}, {
"name": "01:15",
"value": 5000
}]
}]
json17:
[
{
"type": "载客次数",
"value": [
{
"car": "神州租车",
"renshu": 543
},
{
"car": "神州租车",
"renshu": 545
},
{
"car": "神州租车",
"renshu": 356
},
{
"car": "神州租车",
"renshu": 376
},
{
"car": "神州租车",
"renshu": 335
},
{
"car": "新里程",
"renshu": 347
},
{
"car": "新里程",
"renshu": 574
},
{
"car": "新里程",
"renshu": 346
},
{
"car": "新里程",
"renshu": 346
},
{
"car": "新里程",
"renshu": 575
},
{
"car": "浏阳金马",
"renshu": 756
},
{
"car": "浏阳金马",
"renshu": 679
},
{
"car": "浏阳金马",
"renshu": 468
},
{
"car": "浏阳金马",
"renshu": 908
},
{
"car": "浏阳金马",
"renshu": 578
},
{
"car": "中创",
"renshu": 398
},
{
"car": "中创",
"renshu": 436
},
{
"car": "中创",
"renshu": 356
},
{
"car": "中创",
"renshu": 895
},
{
"car": "中创",
"renshu": 572
},
{
"car": "湘图",
"renshu": 902
},
{
"car": "湘图",
"renshu": 841
},
{
"car": "湘图",
"renshu": 682
},
{
"car": "湘图",
"renshu": 472
},
{
"car": "湘图",
"renshu": 346
}
]
}
]
json18:
[
{
"type": "载客次数",
"value": [
{
"car": "曹 *** 专车",
"renshu": 543
},
{
"car": "曹 *** 专车",
"renshu": 543
},
{
"car": "曹 *** 专车",
"renshu": 545
},
{
"car": "曹 *** 专车",
"renshu": 356
},
{
"car": "曹 *** 专车",
"renshu": 376
},
{
"car": "曹 *** 专车",
"renshu": 335
},
{
"car": "曹 *** 专车",
"renshu": 335
},
{
"car": "鹏程",
"renshu": 347
},
{
"car": "鹏程",
"renshu": 574
},
{
"car": "鹏程",
"renshu": 346
},
{
"car": "鹏程",
"renshu": 346
},
{
"car": "鹏程",
"renshu": 575
}, {
"car": "鹏程",
"renshu": 575
},
{
"car": "鑫沙",
"renshu": 756
},
{
"car": "鑫沙",
"renshu": 679
},
{
"car": "鑫沙",
"renshu": 468
},
{
"car": "鑫沙",
"renshu": 908
},
{
"car": "鑫沙",
"renshu": 578
},
{
"car": "鑫沙",
"renshu": 578
},
{
"car": "鑫沙",
"renshu": 578
},
{
"car": "浏阳金剑",
"renshu": 398
},
{
"car": "浏阳金剑",
"renshu": 436
},
{
"car": "浏阳金剑",
"renshu": 356
},
{
"car": "浏阳金剑",
"renshu": 895
},
{
"car": "浏阳金剑",
"renshu": 572
},
{
"car": "浏阳金剑",
"renshu": 572
},
{
"car": "浏阳金剑",
"renshu": 572
},
{
"car": "嘉年华",
"renshu": 902
},
{
"car": "嘉年华",
"renshu": 841
},
{
"car": "嘉年华",
"renshu": 682
},
{
"car": "嘉年华",
"renshu": 472
},
{
"car": "嘉年华",
"renshu": 472
},
{
"car": "嘉年华",
"renshu": 472
},
{
"car": "嘉年华",
"renshu": 346
},{
"car": "福利",
"renshu": 902
},
{
"car": "福利",
"renshu": 841
},
{
"car": "福利",
"renshu": 682
},
{
"car": "福利",
"renshu": 432
},
{
"car": "福利",
"renshu": 490
},
{
"car": "福利",
"renshu": 462
},
{
"car": "福利",
"renshu": 437
}
]
}
]
json19:
[
{
"type": "人员数",
"value": [
{
"car": "神州租车",
"renshu": 543
},
{
"car": "神州租车",
"renshu": 545
},
{
"car": "神州租车",
"renshu": 356
},
{
"car": "神州租车",
"renshu": 376
},
{
"car": "神州租车",
"renshu": 335
},
{
"car": "新里程",
"renshu": 347
},
{
"car": "新里程",
"renshu": 574
},
{
"car": "新里程",
"renshu": 346
},
{
"car": "新里程",
"renshu": 346
},
{
"car": "新里程",
"renshu": 575
},
{
"car": "浏阳金马",
"renshu": 756
},
{
"car": "浏阳金马",
"renshu": 679
},
{
"car": "浏阳金马",
"renshu": 468
},
{
"car": "浏阳金马",
"renshu": 908
},
{
"car": "浏阳金马",
"renshu": 578
},
{
"car": "中创",
"renshu": 398
},
{
"car": "中创",
"renshu": 436
},
{
"car": "中创",
"renshu": 356
},
{
"car": "中创",
"renshu": 895
},
{
"car": "中创",
"renshu": 572
},
{
"car": "湘图",
"renshu": 902
},
{
"car": "湘图",
"renshu": 841
},
{
"car": "湘图",
"renshu": 682
},
{
"car": "湘图",
"renshu": 472
},
{
"car": "湘图",
"renshu": 346
}
]
}
]
json20:
[
{
"type":"男",
"value":[
{
"car":"斑马快跑",
"renshu":543
},
{
"car":"斑马快跑",
"renshu":545
},
{
"car":"斑马快跑",
"renshu":356
},
{
"car":"斑马快跑",
"renshu":376
},
{
"car":"斑马快跑",
"renshu":335
},
{
"car":"通畅",
"renshu":347
},
{
"car":"通畅",
"renshu":574
},
{
"car":"通畅",
"renshu":346
},
{
"car":"通畅",
"renshu":346
},
{
"car":"通畅",
"renshu":575
},
{
"car":"浏阳大鸿运",
"renshu":756
},
{
"car":"浏阳大鸿运",
"renshu":679
},
{
"car":"浏阳大鸿运",
"renshu":468
},
{
"car":"浏阳大鸿运",
"renshu":908
},
{
"car":"浏阳大鸿运",
"renshu":578
},
{
"car":"三维",
"renshu":398
},
{
"car":"三维",
"renshu":436
},
{
"car":"三维",
"renshu":356
},
{
"car":"三维",
"renshu":895
},
{
"car":"三维",
"renshu":572
},
{
"car":"平安",
"renshu":902
},
{
"car":"平安",
"renshu":841
},
{
"car":"平安",
"renshu":682
},
{
"car":"平安",
"renshu":472
},
{
"car":"平安",
"renshu":346
}
]
},{
"type":"女",
"value":[
{
"car":"斑马快跑",
"renshu":534
},
{
"car":"斑马快跑",
"renshu":325
},
{
"car":"斑马快跑",
"renshu":346
},
{
"car":"斑马快跑",
"renshu":345
},
{
"car":"斑马快跑",
"renshu":342
},
{
"car":"通畅",
"renshu":123
},
{
"car":"通畅",
"renshu":567
},
{
"car":"通畅",
"renshu":346
},
{
"car":"通畅",
"renshu":876
},
{
"car":"通畅",
"renshu":527
},
{
"car":"浏阳大鸿运",
"renshu":569
},
{
"car":"浏阳大鸿运",
"renshu":541
},
{
"car":"浏阳大鸿运",
"renshu":986
},
{
"car":"浏阳大鸿运",
"renshu":547
},
{
"car":"浏阳大鸿运",
"renshu":853
},
{
"car":"三维",
"renshu":534
},
{
"car":"三维",
"renshu":345
},
{
"car":"三维",
"renshu":236
},
{
"car":"三维",
"renshu":467
},
{
"car":"三维",
"renshu":427
},
{
"car":"平安",
"renshu":864
},
{
"car":"平安",
"renshu":568
},
{
"car":"平安",
"renshu":524
},
{
"car":"平安",
"renshu":250
},
{
"car":"平安",
"renshu":764
}
]
}
]
json21:
[
{"name":"00时","value":"2466"},
{"name":"03时","value":"3436"},
{"name":"06时","value":"1342"},
{"name":"09时","value":"546"},
{"name":"12时","value":"2235"},
{"name":"15时","value":"1345"},
{"name":"18时","value":"3425"},
{"name":"21时","value":"3452"},
{"name":"24时","value":"2657"}
]
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）