option = {
title: {
// text: '双 y 轴折线图示例',
},
tooltip: {
trigger: 'axis',
},
legend:
[{
left: '0px',
top: '20px',
data: ['小于200:'],
inactiveColor: '#2c2c2c', // 禁用项颜色不置灰,设置为默认黑色
show: true, // 确保图例显示
icon: 'none' // 取消图标
},
{
left: '0px',
top: '50px',
data: ['大于200:'],
inactiveColor: '#2c2c2c', // 禁用项颜色不置灰,设置为默认黑色
show: true, // 确保图例显示
icon: 'none' // 取消图标
},
{
left: '100px',
top: '20px',
data: ['数据1', '数据3'],
"legend": {
"show": true,
"icon": "line"
},
"selected": {
"数据1": false
}
},
{
left: '100px',
top: '50px',
data: ['数据2']
},
],
grid: {
top: '120px' // 增加图表与图例之间的间距
},
xAxis: {
type: 'category',
data: ['1', '2', '3', '4', '5', '6', '7'], // X 轴数据
},
yAxis: [
{
type: 'value',
name: '左边 Y 轴',
min: 0,
max: 200,
position: 'left',
axisLabel: {
formatter: '{value}',
},
},
{
type: 'value',
name: '右边 Y 轴',
min: 500,
max: 1000,
position: 'right',
axisLabel: {
formatter: '{value}',
},
},
],
series: [
{
name: '小于200:',
type: 'line',
data: [], // 第一组数据,小于200的部分
yAxisIndex: 0, // 数据1使用左边 y 轴
},
{
name: '大于200:',
type: 'line',
data: [], // 第一组数据,小于200的部分
yAxisIndex: 0, // 数据1使用左边 y 轴
},
{
name: '数据1',
type: 'line',
data: [150, 180, 130, 190, 160, 200, 170], // 第一组数据,小于200的部分
yAxisIndex: 0, // 数据1使用左边 y 轴
},
{
name: '数据2',
type: 'line',
data: [600, 700, 650, 750, 800, 850, 900], // 第二组数据,大于200的部分
yAxisIndex: 1, // 数据2使用右边 y 轴
},
{
name: '数据3',
type: 'line',
data: [140, 130, 160, 120, 180, 150, 170], // 第三组数据,小于200的部分
yAxisIndex: 0, // 数据3使用左边 y 轴
},
],
};
08-24
1207

03-04
1228
