2017-07-27 73 views
2

image離子2 highchart不可見

我加highchart漂亮的網頁源代碼,但頁面

上看不到我跟着這個https://www.youtube.com/watch?v=FSg8n5_uaWs

我怎麼能解決這個問題

我的代碼;

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] 
     }] 
    } 
    } 

html;

<chart options="chartOptions" type="chart" ></chart> 
+0

我覺得應該是[選項] = 「chartOptions」 – Vivz

+2

感謝名單兄弟。你可以爲未來的用戶添加答案,我會投票 –

+0

很高興有幫助。我已經添加它作爲答案:) – Vivz

回答

2

由於您使用的角度2/4,則必須在其選項與[]

<chart [options]="chartOptions" type="chart" ></chart>