feat:Added piechart in Dashboard
This commit is contained in:
+73
@@ -0,0 +1,73 @@
|
||||
SVG.Image = SVG.invent({
|
||||
// Initialize node
|
||||
create: 'image'
|
||||
|
||||
// Inherit from
|
||||
, inherit: SVG.Shape
|
||||
|
||||
// Add class methods
|
||||
, extend: {
|
||||
// (re)load image
|
||||
load: function(url) {
|
||||
if (!url) return this
|
||||
|
||||
var self = this
|
||||
, img = new window.Image()
|
||||
|
||||
// preload image
|
||||
SVG.on(img, 'load', function() {
|
||||
SVG.off(img)
|
||||
|
||||
var p = self.parent(SVG.Pattern)
|
||||
|
||||
if(p === null) return
|
||||
|
||||
// ensure image size
|
||||
if (self.width() == 0 && self.height() == 0)
|
||||
self.size(img.width, img.height)
|
||||
|
||||
// ensure pattern size if not set
|
||||
if (p && p.width() == 0 && p.height() == 0)
|
||||
p.size(self.width(), self.height())
|
||||
|
||||
// callback
|
||||
if (typeof self._loaded === 'function')
|
||||
self._loaded.call(self, {
|
||||
width: img.width
|
||||
, height: img.height
|
||||
, ratio: img.width / img.height
|
||||
, url: url
|
||||
})
|
||||
})
|
||||
|
||||
SVG.on(img, 'error', function(e){
|
||||
SVG.off(img)
|
||||
|
||||
if (typeof self._error === 'function'){
|
||||
self._error.call(self, e)
|
||||
}
|
||||
})
|
||||
|
||||
return this.attr('href', (img.src = this.src = url), SVG.xlink)
|
||||
}
|
||||
// Add loaded callback
|
||||
, loaded: function(loaded) {
|
||||
this._loaded = loaded
|
||||
return this
|
||||
}
|
||||
|
||||
, error: function(error) {
|
||||
this._error = error
|
||||
return this
|
||||
}
|
||||
}
|
||||
|
||||
// Add parent method
|
||||
, construct: {
|
||||
// create image element, load image and set its size
|
||||
image: function(source, width, height) {
|
||||
return this.put(new SVG.Image).load(source).size(width || 0, height || width || 0)
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
Reference in New Issue
Block a user