|
@@ -6,12 +6,12 @@
|
|
|
<div class="PKLineForm">
|
|
|
<v-chart :option="pklineOption" style="height: 350px">
|
|
|
</v-chart>
|
|
|
- <div class="tuli">
|
|
|
+ <!-- <div class="tuli">
|
|
|
<p style="color:#6594D5;"> —活性</p>
|
|
|
<p style="color:#AC4C44;">---5%</p>
|
|
|
<p style="color:#4caf50;">---3%</p>
|
|
|
<p style="color:#ab6cef;">---1%</p>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<p class="xLabel">时间(小时)</p>
|
|
|
<!-- <div class="YLabel">活性(%)</div> -->
|
|
|
</div>
|
|
@@ -65,12 +65,12 @@
|
|
|
},
|
|
|
calculable: true,
|
|
|
xAxis: [{
|
|
|
- max:32,
|
|
|
+ // max:192,
|
|
|
// min:0,
|
|
|
// minInterval:1,
|
|
|
// scale:false,
|
|
|
- splitNumber:32,
|
|
|
- interval:1,
|
|
|
+ // splitNumber:32,
|
|
|
+ // interval:6,
|
|
|
type: 'category',
|
|
|
boundaryGap: false,
|
|
|
data: [],
|
|
@@ -78,6 +78,7 @@
|
|
|
axisLabel:{
|
|
|
interval:0,
|
|
|
formatter(v,i){
|
|
|
+ // return v
|
|
|
if(i==8){
|
|
|
return '48'
|
|
|
}
|
|
@@ -154,31 +155,31 @@
|
|
|
formatter: '{b}'
|
|
|
},
|
|
|
data: [{
|
|
|
- name: '1',
|
|
|
+ name: '1%',
|
|
|
yAxis: 20,
|
|
|
lineStyle: {
|
|
|
color: '#ab6cef'
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- name: '3',
|
|
|
+ name: '3%',
|
|
|
yAxis: 40,
|
|
|
lineStyle: {
|
|
|
color: '#4caf50'
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- name: '5',
|
|
|
+ name: '5%',
|
|
|
yAxis: 60,
|
|
|
lineStyle: {
|
|
|
color: '#AC4C44'
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- name: '15',
|
|
|
+ name: '15%',
|
|
|
yAxis: 80,
|
|
|
lineStyle: {
|
|
|
- color: '#AC4C44'
|
|
|
+ color: '#f44336'
|
|
|
}
|
|
|
},
|
|
|
{
|
|
@@ -371,32 +372,41 @@
|
|
|
// 3.寻找 min_v 所在的下标
|
|
|
const index = this.dataInterval.findIndex((v) => v === min_v);
|
|
|
// 4.计算该amount在y轴上应该展示的位置
|
|
|
- // const y_value = ((yxlData[i] - min_v) / (max_v - min_v)) * 20 + index * 20;
|
|
|
+ const y_value = ((yxlData[i] - min_v) / (max_v - min_v)) * 20 + index * 20;
|
|
|
|
|
|
- let y_value = yxlData[i];
|
|
|
- if(y_value>=0 & y_value<=20){
|
|
|
- y_value = y_value/20*y_value
|
|
|
+ if(i==35){
|
|
|
+ console.log(yxlData[i],111111111)
|
|
|
+ console.log(min_v,22222222222)
|
|
|
+ console.log(max_v,333333333)
|
|
|
+ console.log(index,4444444444)
|
|
|
+ console.log(y_value)
|
|
|
}
|
|
|
- if(y_value>20 & y_value<=40){
|
|
|
- y_value = y_value/40*y_value
|
|
|
- // y_value = 1+(y_value-20)/20*y_value
|
|
|
+
|
|
|
+ // let y_value = yxlData[i];
|
|
|
+ // if(y_value>=0 & y_value<=20){
|
|
|
+ // y_value = y_value/20*y_value
|
|
|
+ // }
|
|
|
+ // if(y_value>20 & y_value<=40){
|
|
|
+ // y_value = y_value/40*y_value
|
|
|
+ // // y_value = 1+(y_value-20)/20*y_value
|
|
|
|
|
|
- }
|
|
|
- if(y_value>40 & y_value<=60){
|
|
|
- y_value = y_value/60*y_value
|
|
|
- // y_value = 3 + (y_value-40)/20*y_value
|
|
|
- }
|
|
|
- if(y_value>60 & y_value<=80){
|
|
|
- y_value = y_value/80*y_value
|
|
|
- // y_value = 5 + (y_value-60)/20*y_value
|
|
|
- }
|
|
|
- if(y_value>80 & y_value<=100){
|
|
|
- y_value = y_value/100*y_value
|
|
|
- }
|
|
|
+ // }
|
|
|
+ // if(y_value>40 & y_value<=60){
|
|
|
+ // y_value = y_value/60*y_value
|
|
|
+ // // y_value = 3 + (y_value-40)/20*y_value
|
|
|
+ // }
|
|
|
+ // if(y_value>60 & y_value<=80){
|
|
|
+ // y_value = y_value/80*y_value
|
|
|
+ // // y_value = 5 + (y_value-60)/20*y_value
|
|
|
+ // }
|
|
|
+ // if(y_value>80 & y_value<=100){
|
|
|
+ // y_value = y_value/100*y_value
|
|
|
+ // }
|
|
|
+
|
|
|
yxlData2[i] = y_value;
|
|
|
+ // break
|
|
|
}
|
|
|
-
|
|
|
- console.log(yxlData2,2222222222222)
|
|
|
+ console.log(yxlData2,666666666666666666)
|
|
|
// this.pklineOption.series[0].data = res.data.data.pk_ydata
|
|
|
this.pklineOption.series[0].data = yxlData2
|
|
|
// this.yxlData2 = yxlData2
|