'; // htmlStr += ''; htmlStr += seriesName + '：' + value[1]; htmlStr += '

'; valMap[seriesName] = value; } return htmlStr; } }, grid: { left: 40, right: 14, bottom: 80, top: 20 }, dataZoom: [{ type: 'slider', zoomLock: true, show: true, labelFormatter: () => { return ''; }, realtime: true, start: 30, filterMode: 'none', end: 100, throttle: 0, dataBackground: { lineStyle: { opacity: 0 }, areaStyle: { opacity: 0 } }, handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', handleSize: '80%', handleStyle: { color: '#fff', shadowBlur: 3, shadowColor: 'rgba(0, 0, 0, 0.6)', shadowOffsetX: 2, shadowOffsetY: 2 }, xAxisIndex: 0 }], xAxis: [{ type: 'time', min: chartData.minDate, max: chartData.maxDate, interval: 3600 * 24 * 1000, // minInterval: 3600 * 24 * 1000 * 30, // maxInterval: 3600 * 24 * 1000 * 31, data: xAxisNames1, splitLine: { show: false }, axisLine: { show: false }, axisLabel: { color: '#ADB9C7', formatter: function(value) { let date = new Date(value); let day = date.getDate(); if (day === 16) { let year = date.getFullYear(); let month = date.getMonth() + 1; month = month <= 9 ? ('0' + month) : month; return year + '-' + month; } else { return ''; } } }, axisTick: { show: false }, axisPointer: { triggerTooltip: true } }], yAxis: { type: 'value', axisLine: { show: false, lineStyle: { color: '#999' } }, axisTick: { show: false }, splitLine: { lineStyle: { color: '#999' } }, axisLabel: { color: '#ADB9C7', formatter: function(value) { if (chartData.axisLabelFormatter === '{value}w') { return (parseInt(value, 10) / 10000) + 'w'; } else { return value; } } } }, series: seriesData };

时间轴加类目轴，数据缩放，实线虚线结合，点与坐标不对应