How to use the angular-highcharts.Chart function in angular-highcharts

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 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: ''
github ArkEcosystem / explorer / src / app / shared / services / coinmarket.service.ts View on Github external
this._themeService.isDarkThemeChange$.subscribe((data) => {
      this.isDarkTheme = data;
      if (this.chart) {
        let options = this.chart['options'];
        options = this.toDarkMode(options);

        this.chart = new Chart(options);
        this.chartBuild(this.chart);
      }
    });
  }
github SayakMukhopadhyay / elitebgs / src / app / charts / faction-happiness-chart.component.ts View on Github external
this.themeService.theme$.subscribe(theme => {
            this.chart = new Chart(this.options);
        });
    }
github SayakMukhopadhyay / elitebgs / src / app / charts / system-a-p-r-state-chart.component.ts View on Github external
this.themeService.theme$.subscribe(theme => {
            this.chart = new Chart(this.options);
        });
    }

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 6 months ago

Package Health Score

67 / 100
Full package analysis