Highcharts - Ortam Kurulumu

Bu bölümde, web uygulaması geliştirmede kullanılacak Highcharts kitaplığının nasıl kurulacağını tartışacağız.

Highcharts, bağımlılık olarak jQuery gerektirir. Önce jQuery kitaplığını ve ardından Highcharts kitaplığını kuracağız.

JQuery'yi yükleyin

JQuery'yi kullanmanın iki yolu vardır.

  • Download- jQuery.com'dan yerel olarak indirin ve kullanın.

  • CDN access- Ayrıca bir CDN'ye erişiminiz var. CDN size dünyanın her yerinden bölgesel veri merkezlerine erişim sağlayacaktır; bu durumda, Google barındırıcı. Bu, CDN kullanmanın, dosyaları kendi sunucularınızdan bir dizi harici sunucuya barındırma sorumluluğunu taşıdığı anlamına gelir. Bu ayrıca, web sayfanızın ziyaretçisi aynı CDN'den jQuery'nin bir kopyasını zaten indirmişse, yeniden indirilmesine gerek kalmaması gibi bir avantaj sunar.

İndirilen jQuery'yi kullanma

Aşağıdaki komut dosyasını kullanarak jQuery JavaScript dosyasını HTML sayfasına ekleyin -

<head>
   <script src = "/jquery/jquery.min.js"></script>
</head>

CDN kullanma

Bu eğitim boyunca jQuery kitaplığının CDN sürümlerini kullanıyoruz.

Aşağıdaki komut dosyasını kullanarak jQuery JavaScript dosyasını HTML sayfasına ekleyin -

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
   </script>
</head>

Highcharts'ı yükleyin

Aşağıdakiler, Highcharts'ı kullanmanın iki yoludur.

  • Download- Highcharts.com adresinden yerel olarak indirin ve kullanın.

  • CDN access- Ayrıca bir CDN'ye erişiminiz var. CDN size dünyanın her yerinden bölgesel veri merkezlerine erişim sağlayacaktır; bu durumda, Highcharts ana bilgisayarı - Code.Highcharts.Com.

İndirilen Özet Grafikleri Kullanma

Aşağıdaki komut dosyasını kullanarak Highcharts JavaScript dosyasını HTML sayfasına ekleyin -

<head>
   <script src = "/highcharts/highcharts.js"></script>
</head>

CDN kullanma

Bu eğitim boyunca Highcharts kitaplığının CDN sürümlerini kullanıyoruz.

Aşağıdaki komut dosyasını kullanarak Highcharts JavaScript dosyasını HTML sayfasına ekleyin -

<head>
   <script src = "https://code.highcharts.com/highcharts.js"></script>
</head>