${type}:${value.toFixed( 0 )}${state}

` return html } }, legend: { show: true, top: 10, itemWidth: 15, itemHeight: 15, data: [{ name: '预测', icon: 'line' }, { name: '实际', icon: 'line', color: 'black' }, { name: '发生阶段', icon: 'rect' }, { name: '扩散阶段', icon: 'rect' }, { name: '消弥阶段', icon: 'rect' }, { name: '消亡阶段', icon: 'rect' }, { name: '二次扩散阶段', icon: 'rect' } ] }, grid: [{ top: 50, bottom: 60, left: 40, right: 40 }, { left: 40, right: 40, height: 40, bottom: 20 } ], xAxis: [{ type: 'category', data: data.xData, boundaryGap: false, gridIndex: 0, axisLabel: { color: '#333' }, axisLine: { lineStyle: { color: '#e7e7e7' } }, axisTick: { lineStyle: { color: '#e7e7e7' } }, zlevel: 2 }, { type: 'category', gridIndex: 1, axisLine: { show: false }, zlevel: 1 } ], yAxis: [{ type: 'value', gridIndex: 0, axisLabel: { color: '#333' }, splitLine: { lineStyle: { type: 'dashed' } }, axisLine: { lineStyle: { color: '#ccc' } }, axisTick: { lineStyle: { color: '#ccc' } } }, { type: 'value', gridIndex: 1, axisLabel: { show: false }, axisLine: { show: false }, splitLine: { show: false }, axisTick: { show: false } } ], series: series }

Echarts在线免费图表