2016-03-24 10 views
1

Herkes Angular için Highchart Funnel'i kullanmış mı?Köşeli Açma için Highchart Huni

Highchart-ng (https://github.com/pablojim/highcharts-ng) kullanıyorum, ancak dönüşüm hunisi çalışmıyor. ng highchart kullanılarak

My kodudur: in the API tarif edildiği gibi

$scope.chartSalesFunnel = { 
    options: { 
     chart: { 
      type: 'funnel', 
      marginRight: 100 
     }, 
     plotOptions: { 
      series: { 
       dataLabels: { 
        enabled: true, 
        format: '<b>{point.name}</b> ({point.y:,.0f})', 
        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black', 
        softConnector: true 
       }, 
       neckWidth: '30%', 
       neckHeight: '25%' 

       //-- Other available options 
       // height: pixels or percent 
       // width: pixels or percent 
      } 
     }, 
    }, 
    title: { 
     text: '', 
    }, 

    legend: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'Unique users', 
     data: [ 
      ['Website visits', 15654], 
      ['Downloads', 4064], 
      ['Requested price list', 1987], 
      ['Invoice sent', 976], 
      ['Finalized', 846] 
     ] 
    }] 
}; 

cevap

2

Huni grafik türü, ilave huni modülü gerektirir.

Böyle dahil edebilirsiniz:

<script src="https://code.highcharts.com/modules/funnel.js"></script> 

dahil bu modül ile kod this updated JSFiddle bakınız.

+0

Kötü, çok teşekkürler –