Nog een kaart van de ontwikkeling en de toename van

je website, website,,,,, Highcharts grafiek 192,,,,,,, 16 aandelen,,,,,,, het netwerk van delen van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, iedereen is vaak in de gegevens over de gegevens in tabel.   zei, door het lezen op de website van de lange tafel kan heel vervelend.Figuur om goed te begrijpen en de ontwikkeling van de   achter de gegevens veranderen.,, onlangs, toen ik probeerde te vinden op de website van de invoeging van de interactieve kaart op een eenvoudige manier, vond ik, ik heb het gebruikt de ontwikkeling van verschillende projecten, tot nu toe.  , in deze serie artikelen, We zullen met het oog op de ontwikkeling van onderzoek, waarom is het goed, en hoe we het in ons eigen netwerk van de uitvoering van het project, wat fascinerend. En ontwikkeling?De interactie van het,,,, je kan   muis meer details van de projecten, je kan ook op de kaart van de legende van een open en sluit ze.  , compatibiliteit.Het is gebaseerd op het web browser javascript, er in, dus zelfs als ie 6 of iPad kan je vertellen dat die mooie kaarten.De ontwikkeling en het gebruik van andere zoals deze is kader  ), of de ontwikkeling van onafhankelijke kader, een prototype.Je moet een bibliotheek, highcart.js, creëren van kaarten, grafieken, veel steun.  , HighCharts lijn, als,, de regio 's, areaspline, kolom, Rod, de taart, tot de hoek, arearange, areasplinerange, columnrange en een patroon.We zullen zien, naar het voorbeeld van de meest gebruikte: in de kolom, staven, draad en grafieken, die gemakkelijk te ontwikkelen.De ontwikkeling van de lokale  , kunnen gegevens gegevens, documenten of zelfs lokale   van de server.Het kan door de analyse van de gegevens van het CSV -, hola, XML - bestand of een andere database.,, het behoud of een afdruk van je schema.Ik vond een geweldige functie is, kan je je op dit moment drukken of voor de produktie van de kaart zien.Een kaart kan redden in pdf - en jpg, Papoea - Nieuw - Guinea of svg documenten, gemakkelijk aanpassen. Dat is geen probleem,   toevoeging van een paar regels code, je gegevens en kaarten.Met de goede   en gebruikers documenten - verwijzing, beginners niet verdwalen, ervaren ontwikkelaars   welkom,, de flexibiliteit van de vergunning.Het is gratis, Highcharts van niet - commerciële websites en prijzen flexibel is, kan, betreft de commerciële projecten.Op dit moment zijn er vier, en vooraf bepaalde moderne thema 's of je kan doen wat je smaak en CSS - kennis van een zeer uniek in het gebruik van HighCharts.,, de eerste keer, laten we eens kijken naar het gebruik van gemeenschappelijke taak van de aard van de kaart, kaarten, gebruikt?En de BAR en kolom kaart is een soortgelijke manier, elk met een lange rechthoekige vergelijken met verschillende waarden, maar de verschillen in de richting van de kaart is.De BAR en de grafieken zijn horizontale verticale.  , in mijn voorbeeld, dan ik dacht. De verkoop in winkels in de maandelijkse verdeling van de bron (in vergelijking met de verkoop van elkaar per maand).Zoals je kunt zien, hier, als je wil minder gegevens, maar de BAR is geschikt voor dit werk en je scherm, dus je beste kans is   gaan en BAR.  ,, maar je moet als je een verticale beperkingen, zoals het gebruik van het landschap - scherm van de kolom.   zien is als volgt:.,,,,,,, grafieken, gegevens en lineaire reeks representatieve informatie.In de tijd dat zij dezelfde specifieke wijzigingen in de gegevens.Het wordt vaak gebruikt in een tijd... Visuele ontwikkeling.  ,, in mijn geval, ik gebruik van dezelfde gegevens, en ik met de volgende vergelijking meer gegevens.Zoals je kan zien, is het makkelijker voor de ontwikkeling van de verkoop van de bron   maand.,,,,, de taart is   cirkel verdeeld in afdelingen van de relatieve omvang van de waarde van elk.Ze zijn nuttig, als je een vergelijking van de gegevens, dit is het.De som van de waarden van elke sector vertegenwoordigt de waarde.  ,, in mijn geval, ik blijk gegeven van een bepaalde periode verschillende bron vormen van verdeling van de verkoop, de ontwikkeling van,,,,,, anatomie, te weten de volgende code van het monster, je moet weten   voor de ontwikkeling van concepten.,,,,, deze is. Het grootste deel van de titel  :,,,,, dat op de top, een schema 's naam vertaald, in  , onder de titel:  , een of meer gegevens reeks grafieken, tips,  , met name in een grafiek, die een deel van De legende,   van de beschrijving van de gegevens, vermeld de naam en /of elke reeks van de symbolen in de kaart.Door te klikken op het verhalen van de naam, het kan uitschakelen, drukken en downloaden   laten drukken van de kaart of van de gebruikers.  , voeg je het eerste diagram,,, in dit geval hebben we wat monsters van de invoer   gegevens   CSV - proces, en nu in de kolom in de kaart van De gegevens in een document van  : //europa.eu.int /comm /.,, laten we eens kijken wat de fundamentele vaststelling:  , moet je   creëren een naam wil je een: //europa.eu.int /comm /bestanden, moet je een CSV (COMMA separated values) dezelfde de catalogus van documenten, in mijn geval, gebruik ik de waarde van een tekst, die door de de nieuwe lijn tussen komma 's record.,,,, column-data.csv de inhoud, het dossier, we gebruiken:  ,, de bron van de verkoop, januari, februari, maart, april, mei, juni, juli 60,64,57,61,54,58,61 zoekmachines, reclame, 30,39,32,De Lid - Staten 20,18,23,27,19,23,27 40,37,33,41, communicatie, 29,22,23,27,19,32,34 off - Line /organische, 50,47,44,40,48,51,53: //europa.eu.int /comm /hoofd in,,, moeten we    ) met inbegrip van de laatste versie van highcarts. Js, de   facultatief, van de module, en onze gewoonte javascript, de voorbereiding en de   om In kaart te brengen.  ,, op het lichaam, we moeten een de container  , div, in kaart kunnen worden getrokken.,, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < - http-equiv = "inhoud" inhoud "firewall; charset = utf - 8" > < titel in de eerste kolom van de tabellen > ik Highcharts < /titel > <.- 1.De toevoeging van dit Highcharts pagina 's en in hoofd - > < script type = "tekst /javascript" src =' http: //Ajax. Googleapis. COM /Ajax /library /code //. J 's "> in < /scripts > < script src =' http: //code. Highcharts. COM /Highcharts J 's" > < /scripts > <.- 2.Je kan er bij het drukken en demografische kenmerken, > < script src = 'http: //code. Highcharts. COM /modules /o. J' s "> < /scripts > <.- 3.De toevoeging van highchart javascript en opties - kaart - > < script type = "tekst /javascript" >) (document). Voorbereiding (functie) (VAR opties = (figuur: {maken: "CONTAINER", type: in de kolom "} {" tekst: de titel: klein instrument de maandelijkse verkopen "). {de tekst vertaald:" 2014 q1-q2 "), de X - as: {categorie: []}, de y - as: {Titel: de woorden:" verkoop "} {}, serie: []}; ///////verwerking van gegevens: de functie van het CSV - dollar. ('column-data CSV" functies (data) {///////- lijn lijn = gegevens. Uit ('5); dollar. Elke (lijn, de functie (buizen, lijn) {var post = lijn. Splitsing (","); ///////HEAMet de naam van categorie (= = = = = = = deugd als lijn 0) {%. Elke (posten, functie (itemno,) (///////de eerste regel van de eerste alinea niet als (itemno > 0) opties. X. Klasse. - ();}); de rest van de lijn) ///////bevat in de eerste plaats en anders {VAR reeks = {gegevens en hun naam: [data]}; dollar. Elke (projecten, de functie (itemno,) (als (itemno = = = = = = = = = = = = = 0) {} {series.name project; of de reeks gegevens (parseFloat duwen.. ());}}); opties. Aantal. Duw (serie);}}); ///////die is en het creëren van een grafiek grafiek = nieuwe Highcharts. Tekening (facultatief);});}); < /scripts > < /hoofd > < lichaam > <.- 3.De container - > < div = "CONTAINER" style= "breedte 600 pixels met een; lengte: 400 pixel; de marge van auto 's: 0" > < /div > < /body > < /html >,, zie je, het eerste wat   set is. Het type en de naam van het vaartuig.Dan hebben we een onderschrift, en we de aangepaste tekst de y - as   titel.   categorieën   is de X - as en een reeks gegevens te verwerken en in verband met de inhoud van het succes van   CSV   na analyse van gegevens.  , onze javascript doen deze stappen   opties:,, analyse van Het CSV -, het creëren van een kaart, drie stappen, een heel mooie kaart, de volgende gegevens...,, dit is een document voor HighCharts gaan gebruiken.  ,, in het volgende artikel, en we zullen blijven zoeken naar de bibliotheek en hoe we kunnen gebruik maken van het in andere soorten kaarten bieden en de Informatie,.,

Bar chart vs column chart
Highcharts line chart example
Highcharts pie chart example
Highcharts anatomy



Previous:
Next Page: