处理echarts图表,对数轴数据渲染的问题
This commit is contained in:
parent
373dfd87b0
commit
9d0e6e04b6
|
@ -564,7 +564,7 @@ export default {
|
||||||
this.dataSourceSpectrumX_B = this.allData.bspectrumBlock&&this.allData.bspectrumBlock.bspectrumSubBlock.map((item, index) => {
|
this.dataSourceSpectrumX_B = this.allData.bspectrumBlock&&this.allData.bspectrumBlock.bspectrumSubBlock.map((item, index) => {
|
||||||
return index
|
return index
|
||||||
})
|
})
|
||||||
this.allData.histogramBlock.histogramSubBlock.forEach(item => {
|
this.allData.histogramBlock&&this.allData.histogramBlock.histogramSubBlock.forEach(item => {
|
||||||
if (item.c === 1) {
|
if (item.c === 1) {
|
||||||
this.dataSourceHistogray.level_1.push(item)
|
this.dataSourceHistogray.level_1.push(item)
|
||||||
} else if (item.c <= 5 && item.c > 1) {
|
} else if (item.c <= 5 && item.c > 1) {
|
||||||
|
@ -647,9 +647,26 @@ export default {
|
||||||
getUid() {
|
getUid() {
|
||||||
return (Math.random()+new Date().getTime()).toString(32).slice(0,8)
|
return (Math.random()+new Date().getTime()).toString(32).slice(0,8)
|
||||||
},
|
},
|
||||||
|
changeData(data) {
|
||||||
|
let arr = data.map(item => {
|
||||||
|
if (item==0) {
|
||||||
|
return 1
|
||||||
|
} else {
|
||||||
|
return item
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return arr
|
||||||
|
},
|
||||||
yLogChange(e,str) {
|
yLogChange(e,str) {
|
||||||
let yAxisType = e.target.checked ? "log" : "value"
|
let yAxisType = e.target.checked ? "log" : "value"
|
||||||
str==="G"?this.yAxisType_g = yAxisType:this.yAxisType_b = yAxisType
|
str === "G" ? this.yAxisType_g = yAxisType : this.yAxisType_b = yAxisType
|
||||||
|
let dataArr =[]
|
||||||
|
if (e.target.checked) {
|
||||||
|
|
||||||
|
dataArr = this.changeData(str === "G"?this.dataSourceSpectrum_G:this.dataSourceSpectrum_B)
|
||||||
|
} else {
|
||||||
|
dataArr = str === "G"?this.dataSourceSpectrum_G:this.dataSourceSpectrum_B
|
||||||
|
}
|
||||||
let options = {
|
let options = {
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: str==="G"?this.yAxisType_g:this.yAxisType_b,
|
type: str==="G"?this.yAxisType_g:this.yAxisType_b,
|
||||||
|
@ -658,8 +675,25 @@ export default {
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: "rgbA(64, 105, 121, 0.2)"
|
color: "rgbA(64, 105, 121, 0.2)"
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
axisLabel: {
|
||||||
|
formatter: function (value) {
|
||||||
|
if (e.target.checked) {
|
||||||
|
return value == 1 ? 0 : value
|
||||||
|
} else {
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
scale: false
|
||||||
},
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
type: 'line',
|
||||||
|
itemStyle: { normal: { color: '#0656ff' } },
|
||||||
|
data: dataArr
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
if (str === "G") {
|
if (str === "G") {
|
||||||
this.spectrumChart_G.setOption(options)
|
this.spectrumChart_G.setOption(options)
|
||||||
|
@ -743,7 +777,7 @@ export default {
|
||||||
dataZoom: [
|
dataZoom: [
|
||||||
{
|
{
|
||||||
start: 0,
|
start: 0,
|
||||||
end: 255
|
end: 100
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
series: [
|
series: [
|
||||||
|
@ -759,14 +793,14 @@ export default {
|
||||||
this.spectrumChart_G = echarts.init(document.getElementById("spectrumChartRef_G"))
|
this.spectrumChart_G = echarts.init(document.getElementById("spectrumChartRef_G"))
|
||||||
this.spectrumChart_G.setOption(this.getOptions("G"))
|
this.spectrumChart_G.setOption(this.getOptions("G"))
|
||||||
window.addEventListener("resize", function () {
|
window.addEventListener("resize", function () {
|
||||||
spectrumChart_G.resize();
|
this,spectrumChart_G.resize();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
drawSpectrumChart_B() {
|
drawSpectrumChart_B() {
|
||||||
this.spectrumChart_B = echarts.init(document.getElementById("spectrumChartRef_B"))
|
this.spectrumChart_B = echarts.init(document.getElementById("spectrumChartRef_B"))
|
||||||
this.spectrumChart_B.setOption(this.getOptions("B"))
|
this.spectrumChart_B.setOption(this.getOptions("B"))
|
||||||
window.addEventListener("resize", function () {
|
window.addEventListener("resize", function () {
|
||||||
spectrumChart_B.resize();
|
this.spectrumChart_B.resize();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
drawHistogramChart() {
|
drawHistogramChart() {
|
||||||
|
@ -832,7 +866,7 @@ export default {
|
||||||
series
|
series
|
||||||
})
|
})
|
||||||
window.addEventListener("resize", function () {
|
window.addEventListener("resize", function () {
|
||||||
histogramChart.resize();
|
this.histogramChart.resize();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user