https://i.sstatic.net/q2CPR.png
I inserted code for a highchart on my webpage, but it's not appearing
I followed instructions from this video tutorial https://www.youtube.com/watch?v=FSg8n5_uaWs
Can anyone help me troubleshoot this issue?
This is the TypeScript code I used:
ts;
export class VerilerPage {
chartOptions : any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
this.chartOptions={
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
}
}
Here is the HTML code:
<chart options="chartOptions" type="chart" ></chart>