Changing type of Chart seems not to work - Only 'line' charts are shown about angular2-seed-ng2-highcharts

[fergusg]

I see the same - all charts are "line". Done some digging but can't work it out.

[EnricoPicci]

Use the 2013 version of the js lib (available thtugh Plnkr; if u don't find it i can send u next when i'm back from vacation).
Cioa

On 27/gen/2016, at 15:49, fergusg [email protected] wrote:

I see the same. Done some digging but can't work it out.

—
Reply to this email directly or view it on GitHub.

[mgechev]

@Bigous would you take a look at this?

[Bigous]

Hi people, I'll look at it tomorrow. Sorry about the delay.

[Bigous]

Pull #4 solves this on the example repo, the bug was on ng2-highcharts - thanks for reporting it.

[EnricoPicci]

I have made a couple of changes to the code and it seems to work (i.e.
allow changing type of chart).
Similarly, I have created also a variation to allow use of Highstocks
charts.
Here is the code. I hope it can help.
Ciao
Enrico

ng2-highcharts.ts

///

declare var jQuery: any;

import {Directive, ElementRef, Input} from 'angular2/core';

@directive({
selector: '[ng2-highcharts]'
})
export class Ng2Highcharts {
hostElement: ElementRef;
chart: HighchartsChartObject;

constructor(ele: ElementRef) {
this.hostElement = ele;
}

@input('ng2-highcharts') set options(opt:HighchartsOptions) {
if(!opt) {
console.log('No valid options...');
console.log(opt);
return;
}
if(opt.series || opt.data) {
let nativeEl = this.hostElement.nativeElement;
let jQ = jQuery(nativeEl);
this.chart = jQ.highcharts(opt);
} else {
console.log('No valid options...');
console.dir(opt);
}
}
}

ng2-highstocks.ts

///

declare var jQuery: any;

import {Directive, ElementRef, Input} from 'angular2/core';

@directive({
selector: '[ng2-highstocks]'
})
export class Ng2Highstocks {
hostElement: ElementRef;
chart: any;

constructor(ele: ElementRef) {
    this.hostElement = ele;
}

@Input('ng2-highstocks') set options(opt: any) {
    if (!opt) {
        console.log('No valid options 1 ...');
        console.log(opt);
        return;
    }
    if (opt.series) {
        let nativeEl = this.hostElement.nativeElement;
        let jQ = jQuery(nativeEl);
        this.chart = jQ.highcharts('StockChart', opt);
    } else {
        console.log('No valid options...');
        console.dir(opt);
    }
}

}

On Sun, Jan 31, 2016 at 9:17 PM, Richard Natal [email protected]
wrote:

Hi people, I'll look at it tomorrow. Sorry about the delay.

—
Reply to this email directly or view it on GitHub
#3 (comment)
.

[Bigous]

Hi @EnricoPicci, I'm moving your last comment to ng2-highcharts repo. Thanks.