var data = "O/N234561W89101112132W1516171819202122232425262728291M31323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788893M9192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781796M1811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682699M2712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583591Y3.04702.79502.78202.83502.31502.91702.57902.71302.35902.40302.44702.49102.53502.59812.61732.63642.65562.67472.69392.71732.72162.72592.73032.73462.73892.74322.74752.75182.75612.76042.76482.76912.77342.77772.78222.78242.78272.78292.78312.78332.78352.78372.78402.78422.78442.78462.78482.78502.78532.78552.78572.78592.78612.78632.78662.78682.78702.78722.78742.78762.78792.78812.78832.78852.78872.78892.78922.78942.78962.78982.79002.79022.79052.79072.79092.79112.79132.79152.79182.79202.79222.79242.79262.79282.79312.79332.79352.79372.79392.79412.79442.79462.79482.79542.79592.79632.79682.79722.79772.79812.79862.79902.79942.79992.80032.80082.80122.80172.80212.80262.80302.80342.80392.80432.80482.80522.80572.80612.80662.80702.80742.80792.80832.80882.80922.80972.81012.81062.81102.81142.81192.81232.81282.81322.81372.81412.81462.81502.81542.81592.81632.81682.81722.81772.81812.81862.81902.81942.81992.82032.82082.82122.82172.82212.82262.82302.82342.82392.82432.82482.82522.82572.82612.82662.82702.82742.82792.82832.82882.82922.82972.83012.83062.83102.83142.83192.83232.83282.83322.83372.83412.83462.83592.83682.83772.83862.83962.84052.84142.84232.84322.84412.84502.84592.84682.84782.84872.84962.85052.85142.85232.85322.85412.85502.85602.85692.85782.85872.85962.86052.86142.86232.86322.86422.86512.86602.86692.86782.86872.86962.87052.87142.87242.87332.87422.87512.87602.87692.87782.87872.87962.88062.88152.88242.88332.88422.88512.88602.88692.88782.88882.88972.89062.89152.89242.89332.89422.89512.89602.89702.89792.89882.89972.90062.90152.90242.90332.90422.90522.90612.90702.90792.90882.90972.91062.91152.91242.91342.91432.91522.91612.91842.91992.92132.92282.92422.92572.92712.92862.93002.93142.93292.93432.93582.93722.93872.94012.94162.94302.94442.94592.94732.94882.95022.95172.95312.95462.95602.95742.95892.96032.96182.96322.96472.96612.96762.96902.97042.97192.97332.97482.97622.97772.97912.98062.98202.98342.98492.98632.98782.98922.99072.99212.99362.99502.99642.99792.99933.00083.00223.00373.00513.00663.00803.00943.01093.01233.01383.01523.01673.01813.01963.02103.02243.02393.02533.02683.02823.02973.03113.03263.03403.03543.03693.03833.03983.04123.04273.04413.0456" var chartData = { xLabel: [], xLabelShow: [], value: [] }; $(data).find('xaxis').each(function() { $(this).find('value').each(function() { var $this = $(this); chartData.xLabel.push($this.text()); if ($this.attr('show')) { chartData.xLabelShow.push($this.text()); } }); }); $(data).find('graph:eq(0)').each(function() { $(this).find('value').each(function() { chartData['value'][$(this).attr('xid')] = $(this).text(); }) }); console.log(chartData); option = { title: { text: '曲线title', x: 'center' }, tooltip: { show: true, trigger: 'axis', axisPointer: { type: 'line', axis: 'x' } }, //水印 graphic: { type: 'text', style: { text: 'chinamoney', font: '1em "Arial,Helvetica",sans-serif', fill: '#666' }, right: '20%', bottom: '20%' }, grid: { show: true, left: '10%', right: '10%' }, xAxis: { type: 'category', data: chartData['xLabel'], name: '期限', nameLocation: 'end', boundaryGap: false, axisLine: { show: true, onZero: false }, axisTick: { show: false, alignWidthLabel: true, }, boundaryGap: true, //x坐标轴标签展示 axisLabel: { show: true, interval: function(index, name) { if (chartData['xLabelShow'].indexOf(name) >= 0) { return true; } }, showMinLabel: true, showMaxLabel: true, align: 'center' }, //x轴分割线展示 splitLine: { show: true, interval: function(index, name) { if (chartData['xLabelShow'].indexOf(name) >= 0) { return true; } } }, scale: true }, yAxis: { type: 'value', boundaryGap: false, //坐标轴线 axisLine: { show: true, onZero: false }, //刻度 axisTick: { show: false, alignWidthLabel: true, }, axisLabel: { formatter: function(value, index) { return value.toFixed(4); } }, splitLine: { show: true }, name: '%', nameLocation: 'end', //boundaryGap:true, scale: true, //取消从0开始 }, series: [{ type: 'line', name: 'example', data: chartData['value'], symbol: 'none', connnectNulls: true, }] }

Echarts在线免费图表