|
|
@ -1191,12 +1191,13 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
|
|
|
|
let fontSize = "12";
|
|
|
|
let fontSize = "12";
|
|
|
|
let lineWidth = 1;
|
|
|
|
let lineWidth = 1;
|
|
|
|
let isDataZoom = xValue.length > 3
|
|
|
|
let isDataZoom = xValue.length > 3
|
|
|
|
|
|
|
|
let stepSize = 20
|
|
|
|
let option = {
|
|
|
|
let option = {
|
|
|
|
grid: {
|
|
|
|
grid: {
|
|
|
|
left: "0%",
|
|
|
|
left: "0%",
|
|
|
|
right: "0%",
|
|
|
|
right: "0%",
|
|
|
|
top: "25%",
|
|
|
|
top: "25%",
|
|
|
|
bottom: "2%",
|
|
|
|
bottom: "10%",
|
|
|
|
containLabel: true,
|
|
|
|
containLabel: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
tooltip: {
|
|
|
|
tooltip: {
|
|
|
@ -1230,7 +1231,7 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
|
|
|
|
axisLabel: {
|
|
|
|
axisLabel: {
|
|
|
|
color: labelColor,
|
|
|
|
color: labelColor,
|
|
|
|
fontSize: fontSize,
|
|
|
|
fontSize: fontSize,
|
|
|
|
margin: 20,
|
|
|
|
margin: 30,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
@ -1321,9 +1322,9 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
|
|
|
|
// 左侧下内圈
|
|
|
|
// 左侧下内圈
|
|
|
|
name: "",
|
|
|
|
name: "",
|
|
|
|
type: "pictorialBar",
|
|
|
|
type: "pictorialBar",
|
|
|
|
// tooltip: {
|
|
|
|
tooltip: {
|
|
|
|
// show: false,
|
|
|
|
show: false,
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
symbolSize: [37, 20],
|
|
|
|
symbolSize: [37, 20],
|
|
|
|
symbolOffset: [-39, 20],
|
|
|
|
symbolOffset: [-39, 20],
|
|
|
|
z: 10,
|
|
|
|
z: 10,
|
|
|
@ -1336,10 +1337,6 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: hullStoreAmount,
|
|
|
|
data: hullStoreAmount,
|
|
|
|
show: function (val) {
|
|
|
|
|
|
|
|
console.log(val)
|
|
|
|
|
|
|
|
return false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
// 左侧下外圈
|
|
|
|
// 左侧下外圈
|
|
|
@ -1502,12 +1499,25 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
|
|
|
|
};
|
|
|
|
};
|
|
|
|
if (isDataZoom) {
|
|
|
|
if (isDataZoom) {
|
|
|
|
option.dataZoom.push({
|
|
|
|
option.dataZoom.push({
|
|
|
|
|
|
|
|
show:false,
|
|
|
|
type: 'slider',
|
|
|
|
type: 'slider',
|
|
|
|
start: 0,
|
|
|
|
start: 0,
|
|
|
|
end: 20,
|
|
|
|
end: stepSize,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
option.grid.bottom = '20%'
|
|
|
|
option.grid.bottom = '20%'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const aaa = () => {
|
|
|
|
|
|
|
|
console.log('aaa')
|
|
|
|
|
|
|
|
setInterval(() => {
|
|
|
|
|
|
|
|
console.log(option.dataZoom)
|
|
|
|
|
|
|
|
option.dataZoom[0].start += stepSize
|
|
|
|
|
|
|
|
option.dataZoom[0].start = option.dataZoom[0].start % 100
|
|
|
|
|
|
|
|
option.dataZoom[0].end = option.dataZoom[0].start + stepSize
|
|
|
|
|
|
|
|
mycharts.setOption(option);
|
|
|
|
|
|
|
|
$(window).resize(mycharts.resize);
|
|
|
|
|
|
|
|
}, 3000)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
aaa()
|
|
|
|
|
|
|
|
|
|
|
|
mycharts.setOption(option);
|
|
|
|
mycharts.setOption(option);
|
|
|
|
$(window).resize(mycharts.resize);
|
|
|
|
$(window).resize(mycharts.resize);
|
|
|
|