Erklärung zur Verwendung von JavaScript ECharts

 <script src="js/echarts.js"></script>

 <div style="border:2px solid #666;width:49%;height:450px;float:left" id="chartmain"></div>

<Skripttyp="text/javascript">
fenster.onload = Funktion (){
		//Geben Sie die Konfigurationselemente und Daten des Diagramms an option = {
				//Titel	
			    Titel:
			        Text: „Einfaches Radardiagramm“
			    },
			    Tooltip: {},
			    Legende: {
			        Daten: ['Zugeteiltes Budget', 'Tatsächliche Ausgaben']
			    },
			    Radar:
			        // Form: 'Kreis',
			        Name: {
			            Textstil: {
			                Farbe: '#fff',
			                Hintergrundfarbe: '#999',
			                Grenzradius: 3,
			                Polsterung: [3, 5]
			           }
			        },
			        Indikator: [
			           { Name: 'Verkäufe', max: 6500},
			           { Name: 'Verwaltung', max: 16000},
			           { name: 'Informationstechnologie', max: 30000},
			           { name: 'Kundensupport', max: 38000},
			           { Name: 'Entwicklung', max: 52000},
			           { Name: 'Marketing', max: 25000}
			        ]
			    },
			    Serie: [{
			        Name: „Budget vs. Ausgaben“,
			        Typ: 'Radar',
			        // Bereichsstil: {normal: {}},
			        Daten: [
			            {
			                Wert: [4300, 10000, 28000, 35000, 50000, 19000],
			                Name: „Zugewiesenes Budget“
			            },
			             {
			                Wert: [5000, 14000, 28000, 31000, 42000, 21000],
			                Name: „Tatsächliche Ausgaben“
			            }
			        ]
			    }]
			};
			//Dom-Container abrufen var myChart = echarts.init(document.getElementById('chartmain'));
			// Zeigen Sie das Diagramm mit den gerade angegebenen Konfigurationselementen und Daten an.
			myChart.setOption(option);
}
</Skript>

<Skripttyp="text/javascript">
 
 
  fenster.onload = Funktion (){
	//Finanzielle Ansicht der jährlichen Vertragssumme Echart-Datenquelle $.ajax({
		URL:'',
		Typ: „Beitrag“,
		Datentyp: „json“,
		Erfolg: Funktion (Daten) {
			var partner = new Array(); //Firmenname für(var i=0;i<data.length;i++){
				partner.push(data[i].partner);
			} 
			var odata=[];
			für(var i=0;i<data.length;i++){
				var obj={};
				obj.name=partner[i];
				obj.Typ='Leiste';
				obj.data=[data[i].qyearOne,data[i].qyearTwo,data[i].qyearThree,data[i].qyearFour,data[i].yearOne,data[i].yearTwo,data[i].yearThree,data[i].yearFour,data[i].hyearOne,data[i].hyearTwo,data[i].hyearThree,data[i].hyearFour];
				obj.barWidth=30;//Breite odata.push(obj);
			}
			Option = {
			    Tooltip: {
			        Auslöser: ‚Achse‘
			    },
			    Legende: {
			        Daten:Partner
			    },
			    Werkzeugkasten:
			        zeigen: wahr,
			    },
			    berechenbar: wahr,
			    xAchse: [{
			            Typ: "Kategorie",
			            Daten: [qJahr+'Q1', qJahr+'Q2', qJahr+'Q3', qJahr+'Q4', Jahr+'Q1', Jahr+'Q2', Jahr+'Q3', Jahr+'Q4', hJahr+'Q1', hJahr+'Q2', hJahr+'Q3', hJahr+'Q4']
			        }],
			    yAchse: [{
			            Typ: "Wert"
			        }],
			     
			    Serie: OData // Front-End-Assemblydaten };
                      //Zuzuweisendes DOM-Steuerelement abrufen var myChart = echarts.init(document.getElementById('chartmain'));
                      //Wert zuweisen myChart.setOption(option);
		} 
	});
</Skript>