grafica active care utilizează highcharts
grafica active care utilizează Highcharts
Pasul 1. HTML
La început, avem nevoie pentru a adăuga toate script-urile necesare în secțiunea antet:
Pasul 2. CSS
Nu există stiluri specifice, dar în orice caz, demo-ul nostru conține mai multe opțiuni (unele diagrame lățime plus butoane personalizate):
La început am pregătit funcția „ChangeChartType“, care se va schimba stilul de primul nostru de masă pe zbor. Când facem clic pe un buton - provoacă eveniment onClick, iar noi numim funcția „ChangeChartType“ și se trece valoarea atributului ID-ul în funcția (cum ar fi diagrama cu numele de tip dreapta). Acum, vă rugăm să rețineți, am inițializa Highcharts.Chart obiect. Noi trebuie să definească obiectul, în cazul în care acesta ar trebui să facă un tip de diagramă, după cum putem determina xAxis, yAxis și seria (o serie de date inițiale pentru a trasa nostru).
concluzie
Asta e tot pentru azi. Am dezvoltat doar câteva planificare foarte puternic cu Highcharts. Sunt sigur că acest material va fi foarte util pentru tine.
Materialul este preluat dintr-o sursă externă. Și prezentate doar cu scop informativ.