# FoldedFunnel

Vertical funnel with flaps that represent the difference between bars



## Configuration Options


#### chartName
Type: `string`  
Default: `"FoldedFunnel"`  

Name of chart for Reporting.

#### height
Type: `number`  
Default: `250`  
Units: `px`



#### isOnMobile
Type: `boolean`  
Default: `false`  

If true, it signals to the widget that it is running on a mobile device. Should be called before draw and then NEVER changed.

#### legendTextColor
Type: `color`  
Default: `"#333333"`  



#### legendTextSize
Type: `number`  
Default: `14`  
Units: `px`

Text size of the title (other labels are ratios of that text size)

#### shouldValidate
Type: `boolean`  
Default: `true`  

Flag for turning off data validation

#### showLegend
Type: `select`  
Default: `{"name":"Hide","value":false}`  

undefined

#### showTooltip
Type: `select`  
Default: `{"name":"Show","value":true}`  

undefined

#### textFontFamily
Type: `string`  
Default: `"Open Sans"`  

Font for the legend and tooltip text

#### tooltipBackgroundColor
Type: `color`  
Default: `"#555555"`  



#### tooltipTextColor
Type: `color`  
Default: `"#FFFFFF"`  



#### tooltipTextSize
Type: `number`  
Default: `14`  
Units: `px`

undefined

#### updateSizeableConfigs
Type: `boolean`  
Default: `true`  

Flag for turning off the mimic of illustrator's scale functionality

#### width
Type: `number`  
Default: `250`  
Units: `px`



## Data Definition


#### Label
Type: `string`

Default validate:  
```js
function (d) { return this.accessor(d) !== undefined; }
```

Default accessor:  
```js
function (line) { return !line[0] ? undefined : String(line[0]); }
```

#### Value
Type: `number`

Default validate:  
```js
function (d) { return !isNaN(this.accessor(d)) && this.accessor(d) >= 0; }
```

Default accessor:  
```js
function (line) { return typeof parseInt(line[1]) === 'number' && isFinite(parseFloat(line[1])) ? line[1] : undefined; }
```

## Events


#### Dispatch Events

#### External Events


## Example

```js  
/*----------------------------------------------------------------------------------
 Create Widget -> index.html

 © 2011 - 2015 DOMO, INC.
 ----------------------------------------------------------------------------------*/

//Setup some fake data
var data = [
  ['2015-Q4', 100],
  ['2015-Q3', 90],
  ['2014-Q4', 85],
  ['2014-Q3', 70],
  ['2015-Q1', 60],
  ['2014-Q1', 58],
  ['2015-Q2', 56],
  ['2014-Q2', 50],
];

//Initialze the widget
var chart = d3.select('#vis')
  .append('svg')
  .attr({
    height: '500px',
    width: '1000px'
  })
  .append('g')
  .attr('transform', 'translate(50,125)')
  .chart('FoldedFunnel')
  .c({
    width: 400,
    height: 250,
    // tooltipTextSize: 80,
    // showTooltip: {name: 'Hide', value: false},
    // showLegend: {name: 'Show', value: true}
  });

//Render the chart with data
chart._notifier.showMessage(true);
chart.draw(data);

```