option = { color: ['#458FE3', '#48C964', '#FFAE37', '#FB8989', '#CA89FB'], title: { text: '各种回归算法训练集相应均方误差（MSE）和报告决定系数（R^2）', x: 'center', top: '10%', textStyle: { color: '#2D527C', fontSize: '16', fontWeight: 'bold' }, }, legend: { top: '14%', data: ['MSE', 'R^2'] }, toolbox: { show: true, feature: { // dataZoom: { // yAxisIndex: 'none' // }, dataView: { // 数据视图 optionToContent: (opt) => { var axisData = opt.xAxis[0].data; var series = opt.series; var table = `

`; series.forEach((element, index) => { table += ``; }) table += ``; axisData.forEach((date, index) => { table += ``; series.forEach((series_, index_) => { table += ``; }) table += ``; }) table += '

时间	${element.name}
${date}	${series_.data[index]}

'; return table; } }, magicType: { type: ['line', 'bar'] }, restore: {}, saveAsImage: { show: true, excludeComponents: ['toolbox'], pixelRatio: 2 } } }, tooltip: { // show: true trigger: 'axis', axisPointer: { type: 'cross' }, }, grid: { left: '10%', right: '10%', top: '20%', bottom: '20%', // containLabel: true //纵向扩展 }, xAxis: { type: 'category', axisLabel: { rotate: 45, textStyle: { color: '#000000', fontSize: 14 } }, axisLine: { symbol: ['none', 'arrow'], //箭头 symbolOffset: [0, 4], lineStyle: { color: '#000000', width: '3', }, // splitLine: { // show: true // }, axisTick: { // alignWithLabel: true } }, data: ['多项式回归2次方', 'SVM回归', 'LGBM算法', 'GBRT回归', '线性回归', '岭回归', '最小绝对收缩', '随机森林', 'knn回归', 'Bagging回归', 'Adaboost回归', '决策树', 'ExtraTree极端随机树回归'] }, yAxis: { min: 0.1, max: 0.9, name: 'MSE/R^2', nameTextStyle: { color: '#000000', fontSize: 14 }, axisLabel: { textStyle: { color: '#000000', fontSize: 14 }, showMaxLabel: false }, axisLine: { symbol: ['none', 'arrow'], symbolOffset: [0, 4], lineStyle: { color: '#000000', width: '3' } }, // splitLine: { show: false }, #网格线 boundaryGap: [0, 0.1] //在y轴最小值下方和最大值上方扩展的空白区域 }, series: [{ name: 'MSE', type: 'line', symbolSize: 14, label: { show: true, position: 'top', textStyle: { color: '#000000', } }, data: [0.30102, 0.21674, 0.13227, 0.18542, 0.14651, 0.14649, 0.18654, 0.15307, 0.28294, 0.17050, 0.18623, 0.31990, 0.32590] }, { name: 'R^2', type: 'line', symbolSize: 14, label: { show: true, position: 'top', textStyle: { color: '#000000', } }, data: [0.67081, 0.76675, 0.85059, 0.80048, 0.84236, 0.84238, 0.79922, 0.83537, 0.69574, 0.81667, 0.79959, 0.65569, 0.64881] }, // { // name:'700hPa', // type: 'line', // symbolSize: 14, // data:[7, 8, 9, 7, 19] // }, // { // name:'850hPa', // type: 'line', // symbolSize: 14, // data:[5, 3, 6, 5, 14] // }, // { // name:'925hPa', // type: 'line', // symbolSize: 14, // data:[0, -3, 0, 5, 10] // }, // { // name:'地面', // type: 'line', // symbolSize: 14, // data:[1, 5, 5, 9, 4] // } ] }; /* */

Echarts在线免费图表