option = { title: { left: '1%', text: 'test scores' , textStyle: { // Title Color Color: '# 6E6E6E' , fontSize: '13px cursive', } }, tooltip: { trigger: 'axis' }, legend: { icon: 'circle', orient: 'horizontal', top: '93%', itemWidth: 28, itemHeight: 28, itemGap: 35, the Data: [ 'mathematics', 'Language', 'English' ], textStyle: { // Title Color Color: '# 6E6E6E' , fontSize: '13px cursive', } }, Color: [ '# ffa414', '#ccc', '# 6495ED', '# FF0000'], // set the color legend grid: { left: '3%', right: '6%', bottom: '10%', containLabel: true }, toolbox: { feature: { saveAsImage: {} } }, xAxis: { type: 'category', boundaryGap: false, data: ['1-1', '1-2', '1-3'], axisLabel: { show: true, textStyle: { color: '#6E6E6E', }, the fontSize: 'Cursive 13px', // font size padding: [0, 0, 0, 10], // the value from the scale line position }, }, yAxis: { minInterval: 1 , type: 'value', axisLine: { show: false }, axisLabel: { show: true, textStyle: { color: '#6E6E6E', }, the fontSize: 'Cursive 13px', // font size padding: [0, 20 is, 0, 0], // value from scale line position }, }, series: [ { name: 'Mathematics' , type: 'line', Symbol: 'Circle', // set solid circles SymbolSize: 20 is, // set the size of the solid dots the lineStyle: { // set the color fold line normal: { width: 4 } }, data: [3,5,1] }, { name: 'Language' , type: 'line', Symbol: 'Circle', // set solid circles SymbolSize: 20 is, // set the size of the solid dots the lineStyle: { // set the color fold line normal: { width: 4 } }, data: [5,3,8] }, { name: 'English' , type: 'line', Symbol: 'Circle', // set solid circles SymbolSize: 20 is, // set the size of the solid dots the lineStyle: { // set the color fold line normal: { width: 4 } }, data: [1,2,3] } ] };