angular2-highcharts
angular2-highcharts copied to clipboard
gevgeny
Configuration not followed
Hello,
I would like to create the same graph as the one in this fiddle: http://jsfiddle.net/mp3por/LhLbu5j6/ However using the same configuration object in my angular code does not produce the same result:
Component code:
`options: Object;
constructor(private http: SecureHttpService, private _log: Logger) { this.options = { exporting: { enabled: false }, chart: { backgroundColor: null, type: 'bar', }, title: { text: null }, subtitle: { text: null }, xAxis: { title: { text: null }, labels: { enabled: false } }, yAxis: { gridLineColor: 'transparent', min: 0, title: { text: null }, labels: { enabled: false }, max: 100 }, tooltip: { enabled: false }, plotOptions: { bar: { dataLabels: { enabled: true } } }, legend: { enabled: false, }, credits: { enabled: false }, series: [{ data: [50] }] }; }`
HTML code: http://pastebin.com/Lkd8JERK
Result: https://postimg.org/image/d9htlpucf/
What am I doing wrong?
Sorry man I do not know how to make the stupid plunker save my work. Here is a picture: https://postimg.org/image/k5wsj5sjz/
Otherwise I have fixed the main issue - sorry about that. Turns out I have to define height and width on the 'chart' element not on the container div :)
The problem is that I define that I do not want a background color for my graph yet it puts white.
