' + e.value[4] + '：' + e.value[5] + '（版本：' + no + '）

'; html += '

' + ' ' + ' ' + e.value[1] + '%' + timesHtml + '

'; }); return html; }, }, grid: { top: 100, containLabel: true }, dataZoom: [ { type: 'inside', start: 0, end: 100 }, { start: 0, end: 100 }, ], xAxis: [ { type: 'category', boundaryGap: false, axisLabel: { textStyle: { color: '#333' } }, axisLine: { lineStyle: { color: '#D9D9D9' } }, data: ['2021-11', '2021-12', '2022-1'] }, ], yAxis: [ { type: 'value', name: '单位：%', min: 0, max: 100, axisLabel: { textStyle: { color: '#666' } }, nameTextStyle: { color: '#666', fontSize: 12, lineHeight: 40 }, splitLine: { lineStyle: { type: 'dashed', color: '#E9E9E9' } }, axisLine: { lineStyle: { color: '#D9D9D9' } }, axisTick: { show: false } }, ], series: [ { type: 'custom', encode: { x: [0], y: [1, 3] }, data: [{ value: [0, 75, 1, 25, '起床时间', '2021-11-21 08:00:00', '1'] }, { value: [1, 25, 1, 50, '出门时间', '2021-12-23 08:00:00', '1'] }, { value: [1, 50, 2, 100, '上班时间', '2021-12-24 00:00:00', '1'] }, { value: [2, 100, 2, 100, '午饭时间', '2022-01-01 08:00:00', '1'] }], name: '版本1', renderItem: myRenderItem }, { type: 'custom', encode: { x: [0], y: [1, 3] }, data: [ { value: [1, 20, 1, 40, '起床时间', '2021-12-23 08:00:00', '2'] }, { value: [1, 40, 1, 60, '出门时间', '2021-12-24 00:00:00', '2'] }, { value: [1, 60, 1, 80, '上班时间', '2021-12-29 08:00:00', '2'] }, { value: [1, 80, 2, 100, '午饭时间', '2021-12-31 08:00:00', '2'] }, { value: [2, 100, 2, 100, '下班时间', '2022-01-01 08:00:00', '2'] } ], name: '版本2', renderItem: myRenderItem }, ], };

自定义折线图-可绘制平行Y轴的直线