vue中echart折线图的使用(多条纵坐标轴)(警戒线横向纵向)使用(markLine

}, { type: "value", show: false, data: ta } ], yAxis: [ { type: "value", name: me1, // scale: true, axisLine: { lineStyle: { color: "#8392A5" } }, splitLine: { show: false }, position: "left" // axisLabel: { // formatter: '{value}A' // } }, { type: "value", position: "right", name: me2, //scale: true, axisLine: { lineStyle: { color: "#8392A5" } }, splitLine: { show: false }, axisLabel: { formatter: "{value}A" } }, { type: "value", position: "right", name: me3, //scale: true, offset: 70, axisLine: { lineStyle: { color: "#8392A5" } }, splitLine: { show: false }, axisLabel: { formatter: "{value}V" } }, { type: "value", position: "right", name: me4, //scale: true, offset: 120,

symbolSize: 8, lineStyle: { normal: { width: 1.5, shadowColor: "rgba(155, 18, 184, 0)", shadowBlur: 5, shadowOffsetY: 20, shadowOffsetX: 0, color: "#0000ff" } }, itemStyle: { color: "#0000ff", borderColor: "#fff", borderWidth: 2 }, data: 2 }, { name: me1, type: "line", //pie smooth: true, yAxisIndex: 0, symbol: "circle", symbolSize: 8, lineStyle: { normal: { width: 1.5, shadowColor: "rgba(85, 170, 0, 0.0)", shadowBlur: 5, shadowOffsetY: 40, shadowOffsetX: 0, color: "#aa5500" } }, itemStyle: { color: "#aa5500", borderColor: "#fff", borderWidth: 2 }, data: 1 }, { name: me4, type: "line", //pie smooth: true, yAxisIndex: 3, symbol: "circle", symbolSize: 8, lineStyle: { normal: { width: 1.5, shadowColor: "rgba(85, 170, 0, 0.0)", shadowBlur: 5, shadowOffsetY: 40, shadowOffsetX: 0, color: "#55aa00" } }, itemStyle: { color: "#55aa00", borderColor: "#fff", borderWidth: 2 }, data: 4 },

}, { name: "氧化趋势线", type: "line", markLine: { symbol: ["none", "none"], itemStyle: { normal: { // lineStyle: { // type: 'dashed', // color: 'red', // }, label: { show: true, position: "middle", distance: 20, textStyle: { color: "red", fontSize: 14 }, formatter: function() { return "开始氧化时间"; } } } }, data: [ { xAxis: kNum } ] } }, { name: "还原趋势线", type: "line", markLine: { symbol: ["none", "none"], itemStyle: { normal: { // lineStyle: { // type: 'dashed', // color: 'red', // }, label: { show: true, position: "middle", distance: 20, textStyle: { color: "red", fontSize: 14 }, formatter: function() { return "开始还原时间"; } } } }, data: [ { xAxis: MarkNum } ] } } ]

name: "氧化趋势线", type: "line", markLine: { symbol: ["none", "none"], itemStyle: { normal: { // lineStyle: { // type: 'dashed', // color: 'red', // }, label: { show: true, position: "middle", distance: 20, textStyle: { color: "red", fontSize: 14 }, formatter: function() { return "开始氧化时间"; } } } }, data: [ { xAxis: kNum } ] } }, { name: "还原趋势线", type: "line", markLine: { symbol: ["none", "none"], itemStyle: { normal: { // lineStyle: { // type: 'dashed', // color: 'red', // }, label: { show: true, position: "middle", distance: 20, textStyle: { color: "red", fontSize: 14 }, formatter: function() { return "开始还原时间"; } } } }, data: [ { xAxis: MarkNum } ] } } ]