How to use angular-highcharts - 10 common examples

define(function(require, exports, module) {
    var _ = require('_');
    var Highcharts = require('angular-highcharts').Highcharts;
    var COLORS = Highcharts.getOptions().colors;

    var IndexController = ['$scope', '$http', '$modal', function($scope, $http, $modal) {

        // 获取总体统计数据
        $scope.getDashboard = function() {
            $scope.dashboardXHR = httpGet('/admin/dashboard', function(data) {
                $scope.dashboard = data;

                // 如果启用了 ga chart
                if ($scope.dashboard.ga_enable) {
                    $scope.getTopPages();
                    $scope.getDailyVisit();
                    $scope.getBrowser();
                }
                else {

$scope.dashboardXHR = httpGet('/admin/dashboard', function(data) {
                $scope.dashboard = data;

                // 如果启用了 ga chart
                if ($scope.dashboard.ga_enable) {
                    $scope.getTopPages();
                    $scope.getDailyVisit();
                    $scope.getBrowser();
                }
                else {
                    $scope.nowDate = Highcharts.dateFormat('%m月%d日', new Date().getTime());
                }
            });
        };

define(function(require, exports, module) {
    var _ = require('_');
    var Highcharts = require('angular-highcharts').Highcharts;
    var COLORS = Highcharts.getOptions().colors;

    var IndexController = ['$scope', '$http', '$modal', function($scope, $http, $modal) {

        // 获取总体统计数据
        $scope.getDashboard = function() {
            $scope.dashboardXHR = httpGet('/admin/dashboard', function(data) {
                $scope.dashboard = data;

                // 如果启用了 ga chart
                if ($scope.dashboard.ga_enable) {
                    $scope.getTopPages();
                    $scope.getDailyVisit();
                    $scope.getBrowser();
                }
                else {
                    $scope.nowDate = Highcharts.dateFormat('%m月%d日', new Date().getTime());

import { TransactionDetailsComponent } from './_helpers/directives/transaction-details/transaction-details.component';
import { ContextMenuModule } from 'ngx-contextmenu';

export function HttpLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, './assets/i18n/', '.json');
}


import { ChartModule, HIGHCHARTS_MODULES, Highcharts} from 'angular-highcharts';
import { ProgressContainerComponent } from './_helpers/directives/progress-container/progress-container.component';
import { InputDisableSelectionDirective } from './_helpers/directives/input-disable-selection/input-disable-selection.directive';
// import * as more from 'highcharts/highcharts-more.src';
// import * as exporting from 'highcharts/modules/exporting.src';
// import * as highstock from 'highcharts/modules/stock.src';

Highcharts.setOptions({
  global: {
    useUTC: false
  }
});

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    SettingsComponent,
    SidebarComponent,
    MainComponent,
    CreateWalletComponent,
    OpenWalletComponent,
    OpenWalletModalComponent,
    RestoreWalletComponent,

init() {
    this.chart = new Chart({
      chart: {
        type: 'line'
      },
      title: {
        text: 'Linechart'
      },
      credits: {
        enabled: false
      },
      series: [
        {
          name: 'Line 1',
          data: [1, 2, 3],
          type: 'line'
        }
      ]

this.themeService.theme$.subscribe(theme => {
            this.chart = new Chart(this.options);
        });
    }

this.themeService.theme$.subscribe(theme => {
            this.chart = new Chart(this.options);
        });
    }

}) === -1) {
                        data.push([Date.parse(element.updated_at), null]);
                    }
                }
            });
            series.push({
                name: system,
                data: data
            });
        });
        this.options = {
            xAxis: { type: 'datetime' },
            title: { text: 'Influence trend' },
            series: series
        };
        this.chart = new Chart(this.options);
    }
}

},
          legend: {
            enabled: false
          },
          series: [{
            name: 'ARK/USD',
            data: currencyData,
            color: '#f0373c',
            animation: {
              duration: 350
            }
          }]
        };
        options = this.toDarkMode(options);

        this.chart = new Chart(options);

        this.chartBuild(this.chart);
      },
      () => {

drawChart(data) {
    this.chart = new Chart({
      title: {text: ''},
      credits: {enabled: false},
      exporting: {enabled: false},
      legend: {enabled: false},
      chart: {
        type: 'line',
        backgroundColor: 'transparent',
        height: null,
        zoomType: null
      },

      yAxis: {
        min: 0,
        tickAmount: 5,
        title: {
          text: ''