How would I get solid-gauge to work? help wanted

[lorneb]

Hi I was trying to modify this Angular 2 with high charts seed to display use a solid gauge.

I'm stuck though getting a www.highcharts.com/errors/17

I'm new to Angular 2, so i have only tried import 'highcharts/highcharts-more'; import 'highcharts/modules/solid-gauge';

in charts.components.ts

Thanks

[lorneb]

Hi I got this working in the end,

I modified the project.config.ts file, including here in case it helps someone else. original code was here: https://github.com/AngularShowcase/angular2-seed-ng2-highcharts

import { join } from 'path';
import { SeedConfig } from './seed.config';
import { InjectableDependency } from './seed.config.interfaces';

export class ProjectConfig extends SeedConfig {
  PROJECT_TASKS_DIR = join(process.cwd(), this.TOOLS_DIR, 'tasks', 'project');

  constructor() {
    super();
    this.APP_TITLE = 'angular2-seed and ng2-highcharts example';
    let additional_deps: InjectableDependency[] = [
      // {src: 'jquery/dist/jquery.min.js', inject: 'libs'},
      // {src: 'lodash/lodash.min.js', inject: 'libs'},
      { src: 'highcharts/highstock', inject: 'libs' },
      { src: 'highcharts/modules/map', inject: 'libs' },
      { src: 'highcharts/highcharts-more', inject: 'libs' },
        { src: 'highcharts/modules/solid-gauge', inject: 'libs' }
    ];

    const seedDependencies = this.NPM_DEPENDENCIES;

    this.NPM_DEPENDENCIES = seedDependencies.concat(additional_deps);
  }
}