|
|
|
@ -1584,6 +1584,8 @@ const singleVerticalBarChart = function (data, id) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const singleVerticalBarChartTwo = function (data, id) {
|
|
|
|
const singleVerticalBarChartTwo = function (data, id) {
|
|
|
|
let charts = echarts.init(id);
|
|
|
|
let charts = echarts.init(id);
|
|
|
|
|
|
|
|
let walk =
|
|
|
|
|
|
|
|
'path://M29.902,23.275c1.86,0,3.368-1.506,3.368-3.365c0-1.859-1.508-3.365-3.368-3.365 c-1.857,0-3.365,1.506-3.365,3.365C26.537,21.769,28.045,23.275,29.902,23.275z M36.867,30.74c-1.666-0.467-3.799-1.6-4.732-4.199 c-0.932-2.6-3.131-2.998-4.797-2.998s-7.098,3.894-7.098,3.894c-1.133,1.001-2.1,6.502-0.967,6.769 c1.133,0.269,1.266-1.533,1.934-3.599c0.666-2.065,3.797-3.466,3.797-3.466s0.201,2.467-0.398,3.866 c-0.599,1.399-1.133,2.866-1.467,6.198s-1.6,3.665-3.799,6.266c-2.199,2.598-0.6,3.797,0.398,3.664 c1.002-0.133,5.865-5.598,6.398-6.998c0.533-1.397,0.668-3.732,0.668-3.732s0,0,2.199,1.867c2.199,1.865,2.332,4.6,2.998,7.73 s2.332,0.934,2.332-0.467c0-1.401,0.269-5.465-1-7.064c-1.265-1.6-3.73-3.465-3.73-5.265s1.199-3.732,1.199-3.732 c0.332,1.667,3.335,3.065,5.599,3.399C38.668,33.206,38.533,31.207,36.867,30.74z';
|
|
|
|
if (!data) {
|
|
|
|
if (!data) {
|
|
|
|
data = {
|
|
|
|
data = {
|
|
|
|
xName: ['0时', '2时', '4时', '6时', '8时', '10时', '12时', '14时'],
|
|
|
|
xName: ['0时', '2时', '4时', '6时', '8时', '10时', '12时', '14时'],
|
|
|
|
@ -1673,22 +1675,22 @@ const singleVerticalBarChartTwo = function (data, id) {
|
|
|
|
barMaxWidth: 'auto',
|
|
|
|
barMaxWidth: 'auto',
|
|
|
|
barWidth: 1.5 * vw,
|
|
|
|
barWidth: 1.5 * vw,
|
|
|
|
|
|
|
|
|
|
|
|
label: {
|
|
|
|
// label: {
|
|
|
|
show: true,
|
|
|
|
// show: true,
|
|
|
|
position: 'top',
|
|
|
|
// position: 'top',
|
|
|
|
// distance: 10,
|
|
|
|
// // distance: 10,
|
|
|
|
color: '#fff',
|
|
|
|
// color: '#fff',
|
|
|
|
formatter: '{a|}',
|
|
|
|
// formatter: '{a|}',
|
|
|
|
rich: {
|
|
|
|
// rich: {
|
|
|
|
a: {
|
|
|
|
// a: {
|
|
|
|
width: 3 * vw,
|
|
|
|
// width: 3 * vw,
|
|
|
|
height: 3 * vw,
|
|
|
|
// height: 3 * vw,
|
|
|
|
backgroundColor: {
|
|
|
|
// backgroundColor: {
|
|
|
|
image: 'http://10.100.70.5:9090/profile/upload/2022/07/22/%E9%99%88%E5%A6%82%E5%8D%8E_20220722161444A002.jpeg'
|
|
|
|
// image: 'http://10.100.70.5:9090/profile/upload/2022/07/22/%E9%99%88%E5%A6%82%E5%8D%8E_20220722161444A002.jpeg'
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
data: data.yData,
|
|
|
|
data: data.yData,
|
|
|
|
@ -1711,7 +1713,26 @@ const singleVerticalBarChartTwo = function (data, id) {
|
|
|
|
symbolOffset: [0 + '%', '-20%'],
|
|
|
|
symbolOffset: [0 + '%', '-20%'],
|
|
|
|
symbolSize: [1.5 * vw, 10],
|
|
|
|
symbolSize: [1.5 * vw, 10],
|
|
|
|
zlevel: 4,
|
|
|
|
zlevel: 4,
|
|
|
|
}],
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
type: 'pictorialBar',
|
|
|
|
|
|
|
|
name: 'pictorial element',
|
|
|
|
|
|
|
|
symbol: function(val,index){
|
|
|
|
|
|
|
|
console.log(val)
|
|
|
|
|
|
|
|
console.log(index)
|
|
|
|
|
|
|
|
// return walk
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
symbolSize: [50, 120],
|
|
|
|
|
|
|
|
z: 10,
|
|
|
|
|
|
|
|
data: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 60,
|
|
|
|
|
|
|
|
symbolPosition: 'end',
|
|
|
|
|
|
|
|
symbolOffset: [0, '-100%']
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
};
|
|
|
|
};
|
|
|
|
if (data.xName.length > 10) {
|
|
|
|
if (data.xName.length > 10) {
|
|
|
|
option.dataZoom.push({
|
|
|
|
option.dataZoom.push({
|
|
|
|
|