2016-03-24 12 views
1

ハイチャートファンネルは角を使用したことがありますか?ハイチャートのファンネル角度:

私はhighchart-ngの(https://github.com/pablojim/highcharts-ng)を使用しますが、ない作品を漏斗に。 NG-highchartを用い

私のコードは次のとおり

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

答えて

2

in the APIが記載されているようにファンネルチャートタイプは、余分ファンネルモジュールを必要とします。

あなたはこのようにそれを含めることができます。

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

含まれ、このモジュールを使用して、コードのthis updated JSFiddleを参照してください。

+0

私の悪い、ありがとう –

関連する問題