How to use angular-highcharts - 10 common examples

To help you get started, we’ve selected a few angular-highcharts examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github edokeh / klog2 / app / assets / javascripts / admin / dashboard / controller / index.js View on Github external
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 {
github edokeh / klog2 / app / assets / javascripts / admin / dashboard / controller / index.js View on Github external
$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());
                }
            });
        };
github edokeh / klog2 / app / assets / javascripts / admin / dashboard / controller / index.js View on Github external
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());
github hyle-team / zano / src / gui / qt-daemon / html_source / src / app / app.module.ts View on Github external
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,
github cebor / angular-highcharts / src / app / app.component.ts View on Github external
init() {
    this.chart = new Chart({
      chart: {
        type: 'line'
      },
      title: {
        text: 'Linechart'
      },
      credits: {
        enabled: false
      },
      series: [
        {
          name: 'Line 1',
          data: [1, 2, 3],
          type: 'line'
        }
      ]
github SayakMukhopadhyay / elitebgs / src / app / charts / station-economies-chart.component.ts View on Github external
this.themeService.theme$.subscribe(theme => {
            this.chart = new Chart(this.options);
        });
    }
github SayakMukhopadhyay / elitebgs / src / app / charts / faction-a-p-r-state-chart.component.ts View on Github external
this.themeService.theme$.subscribe(theme => {
            this.chart = new Chart(this.options);
        });
    }
github SayakMukhopadhyay / elitebgs / src / app / main / charts / faction-chart.component.ts View on Github external
}) === -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);
    }
}
github ArkEcosystem / explorer / src / app / shared / services / coinmarket.service.ts View on Github external
},
          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);
      },
      () => {
github hyle-team / zano / src / gui / qt-daemon / html_source / src / app / staking / staking.component.ts View on Github external
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: ''

angular-highcharts

[![NPM version](https://img.shields.io/npm/v/angular-highcharts.svg)](https://npmjs.org/package/angular-highcharts) [![NPM downloads](https://img.shields.io/npm/dt/angular-highcharts.svg)](https://npmjs.org/package/angular-highcharts) ![](https://github.c

MIT
Latest version published 24 days ago

Package Health Score

80 / 100
Full package analysis