Skip to content

杨炀 / dangan_dataV

Go to a project
Toggle navigation
Toggle navigation pinning
c2424795 by 杨炀
Options

no message

1 parent 72550a03
Inline Side-by-side
Showing 2 changed files with 61 additions and 52 deletions
src/viewsPc/vip/leftPage.vue
......@@ -51,13 +51,13 @@ onMounted(() => {
window.addEventListener('resize', handleResize);
})
const init = () => {
clear()
if(!intervalA){
getdata()
}
intervalA = setInterval(getdata, 1000*60*60);
}
const getdata = () => {
clear()
getAdata()
getBdata()
}
......@@ -92,18 +92,18 @@ const setA = () => {
const option = {
animation:true,
// dataset: dataA.value,
dataZoom: [
{
show: false,
start: 0,
end: 100
},
{
type: 'inside',
start: 0,
end: 100
}
],
// dataZoom: [
// {
// show: false,
// start: 0,
// end: 100
// },
// {
// type: 'inside',
// start: 0,
// end: 100
// }
// ],
xAxis: [{
data: kindList.value,
axisLabel: {
......@@ -146,7 +146,7 @@ const setA = () => {
},
tooltip:{
alwaysShowContent:true,
formatter: '{b}：{c}',
formatter: `<div style="text-align: center">{b}<br/>{c}</div>`,
backgroundColor: 'transparent',
borderWidth: 0,
extraCssText:'box-shadow:none',
......@@ -188,22 +188,29 @@ const setB = () => {
chartB = echarts.init(lineRef.value)
const option = {
animation:true,
dataZoom: [
{
show: false,
start: 0,
end: 50
},
{
type: 'inside',
start: 0,
end: 50
}
],
grid: {
top: '15%',
left: '12%',
right: '12%',
bottom: '12%'
},
// dataZoom: [
// {
// show: false,
// start: 0,
// end: 50
// },
// {
// type: 'inside',
// start: 0,
// end: 50
// }
// ],
tooltip: {
trigger: 'item',
formatter: '{b}：{c}',
formatter: `<div style="text-align: center">{b}<br/>{c}</div>`,
renderModer: 'html',
// alignItems: 'center',
className:'downDot',
backgroundColor: 'rgba(8,13,86,0.2)',
borderWidth: 0,
......@@ -283,9 +290,11 @@ const setB = () => {
autoHover(chartB,option,0,2000)
}
const radioAChange = (e) => {
clear()
getAdata()
}
const radioBChange = (e) => {
clear()
getBdata()
}
......
src/viewsPc/vip/rightPage.vue
......@@ -78,18 +78,18 @@ const setA = () => {
chartA = echarts.init(zhuRef.value)
const option = {
animation: true,
dataZoom: [
{
show: false,
start: 0,
end: 100
},
{
type: 'inside',
start: 0,
end: 100
}
],
// dataZoom: [
// {
// show: false,
// start: 0,
// end: 100
// },
// {
// type: 'inside',
// start: 0,
// end: 100
// }
// ],
xAxis: [{
data: kindList.value,
axisLabel: {
......@@ -194,21 +194,21 @@ const setB = () => {
grid: {
top: '15%',
left: '80px',
right: '5%',
right: '10%',
bottom: '12%'
},
dataZoom: [
{
show: false,
start: 0,
end: 100
},
{
type: 'inside',
start: 0,
end: 100
}
],
// dataZoom: [
// {
// show: false,
// start: 0,
// end: 100
// },
// {
// type: 'inside',
// start: 0,
// end: 100
// }
// ],
tooltip: {
trigger: 'item',
formatter: '{c}',
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!