feat:Added piechart in Dashboard
This commit is contained in:
+58
@@ -0,0 +1,58 @@
|
||||
SVG.ClipPath = SVG.invent({
|
||||
// Initialize node
|
||||
create: function() {
|
||||
this.constructor.call(this, SVG.create('clipPath'))
|
||||
|
||||
// keep references to clipped elements
|
||||
this.targets = []
|
||||
}
|
||||
|
||||
// Inherit from
|
||||
, inherit: SVG.Container
|
||||
|
||||
// Add class methods
|
||||
, extend: {
|
||||
// Unclip all clipped elements and remove itself
|
||||
remove: function() {
|
||||
// unclip all targets
|
||||
for (var i = this.targets.length - 1; i >= 0; i--)
|
||||
if (this.targets[i])
|
||||
this.targets[i].unclip()
|
||||
this.targets = []
|
||||
|
||||
// remove clipPath from parent
|
||||
this.parent().removeElement(this)
|
||||
|
||||
return this
|
||||
}
|
||||
}
|
||||
|
||||
// Add parent method
|
||||
, construct: {
|
||||
// Create clipping element
|
||||
clip: function() {
|
||||
return this.defs().put(new SVG.ClipPath)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
//
|
||||
SVG.extend(SVG.Element, {
|
||||
// Distribute clipPath to svg element
|
||||
clipWith: function(element) {
|
||||
// use given clip or create a new one
|
||||
this.clipper = element instanceof SVG.ClipPath ? element : this.parent().clip().add(element)
|
||||
|
||||
// store reverence on self in mask
|
||||
this.clipper.targets.push(this)
|
||||
|
||||
// apply mask
|
||||
return this.attr('clip-path', 'url("#' + this.clipper.attr('id') + '")')
|
||||
}
|
||||
// Unclip element
|
||||
, unclip: function() {
|
||||
delete this.clipper
|
||||
return this.attr('clip-path', null)
|
||||
}
|
||||
|
||||
})
|
||||
Reference in New Issue
Block a user