 
 
 LineComponent = React.createClass
+  contextTypes:
+    clipPath: React.PropTypes.string.isRequired
+
   propTypes:
     target: React.PropTypes.object.isRequired
     hover: React.PropTypes.bool

      unless params.hideLegend
        legend = <LegendComponent targets={targets} mouseHandler={@}/>

      svg =
        <svg width={sizes.svgWidth} height={sizes.svgHeight}
          ref='svg'
          style={{'font-family': '"Helvetica Neue"', cursor: 'default', 'background-color': params.bgcolor}}
          onMouseMove={@onMouseMove}>
          {title}
          <g transform={"translate(#{sizes.margin.left},#{sizes.margin.top})"} ref="chartArea">
            {xAxis}
            {yAxis}

Q = require 'q'
React = require('react')
Components = require('./components')

# jump through some hoops to add clip-path since SVGDOMPropertyConfig is useless
MUST_USE_ATTRIBUTE = require('react/lib/DOMProperty').MUST_USE_ATTRIBUTE
require('react/lib/ReactInjection').DOMProperty.injectDOMPropertyConfig
  Properties: clipPath: MUST_USE_ATTRIBUTE
  DOMAttributeNames: clipPath: 'clip-path'


clearExtent = (v) -> _.extend {}, v, {extent: null}
setBrushing = (v) -> _.extend {}, v, {brushing: true}
