2016-03-24 48 views
1

没有人用过Highchart漏斗角?Highchart漏斗角

我使用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

我不好,太感谢你了 –