diff options
Diffstat (limited to 'SemanticResultFormats/formats/d3/resources/ext.srf.d3.chart.treemap.js')
| -rw-r--r-- | SemanticResultFormats/formats/d3/resources/ext.srf.d3.chart.treemap.js | 127 |
1 files changed, 0 insertions, 127 deletions
diff --git a/SemanticResultFormats/formats/d3/resources/ext.srf.d3.chart.treemap.js b/SemanticResultFormats/formats/d3/resources/ext.srf.d3.chart.treemap.js deleted file mode 100644 index 6055b31f..00000000 --- a/SemanticResultFormats/formats/d3/resources/ext.srf.d3.chart.treemap.js +++ /dev/null @@ -1,127 +0,0 @@ -/** - * JavaScript for SRF D3 chart treemap module using d3 v2 - * @see http://www.semantic-mediawiki.org/wiki/Help:D3chart format - * - * @since 1.8 - * @release 0.3 - * - * @licence GNU GPL v2 or later - * @author mwjames - */ -( function( $, srf ) { - 'use strict'; - - /*global d3:true, mw:true, colorscheme:true*/ - - /** - * Module for formats extensions - * @since 1.8 - * @type Object - */ - srf.formats = srf.formats || {}; - - /** - * Base constructor for objects representing a d3 instance - * @since 1.8 - * @type Object - */ - srf.formats.d3 = function() {}; - - srf.formats.d3.prototype = { - treemap: function( context ) { - return context.each( function() { - var width = $( this ).width(), - height = $( this ).height(), - chart = $( this ).find( '.container' ), - d3ID = chart.attr( 'id' ), - json = mw.config.get( d3ID ); - - // Parse json string and convert it back - var container = typeof json === 'string' ? jQuery.parseJSON( json ) : json; - - var charttitle = container.parameters.charttitle, - charttext = container.parameters.charttext, - datalabels = container.parameters.datalabels, - colors = container.parameters.colorscheme === null ? colorscheme[0] : colorscheme[container.parameters.colorscheme][9]; - - // Release the graph - util.spinner.hide( { context: $( this ) } ); - $( this ).css( 'width', width ).css( 'height', height); - chart.show(); - - // Add chart title - if ( charttitle.length > 0 ) { - charttitle = '<span class="srf-d3-chart-title">' + charttitle + '</span>'; - $( this ).find( '#' + d3ID ).before( charttitle ); - } - - // Add bottom chart text - if ( charttext.length > 0 ) { - charttext = '<span class="srf-d3-chart-text">' + charttext + '</span>'; - $( this ).find( '#' + d3ID ).after( charttext ); - } - - // Calculate height - height = height - ( $( this ).find( '.srf-d3-chart-title' ).height() + $( this ).find( '.srf-d3-chart-text' ).height() ); - - // Create an ordinal color array and set formatting - var color = d3.scale.ordinal().range( colors ), - format = d3.format( ',d' ); - - // Data array definition - var treeArray = []; - treeArray.push( { - label: charttitle !== '' ? container.parameters.charttitle : mw.config.get ( 'wgTitle' ), - children: container.data - } ); - - // Init layout - var treemap = d3.layout.treemap() - .padding( 4 ) - .size([ width , height ]) - .value( function( d ) { return d.value; } ); - - var svg = d3.select( '#' + d3ID ).append( 'svg' ) - .attr( 'width', width ) - .attr( 'height', height ) - .append( 'g' ) - .attr( 'transform', 'translate(-.5,-.5)' ); - - var cell = svg.data( treeArray ).selectAll( 'g' ) - .data( treemap ) - .enter().append( 'g' ) - .attr( 'class', 'cell' ) - .attr( 'transform', function( d ) { return 'translate(' + d.x + ',' + d.y + ')'; } ); - - cell.append( 'title' ) - .text( function( d ) { return d.label + ( d.children ? '' : ': ' + format( d.value ) ); } ); - - cell.append( 'rect' ) - .attr( 'width', function( d ) { return d.dx; } ) - .attr( 'height', function( d ) { return d.dy; } ) - .style( 'fill', function( d ) { return d.label ? color( d.label ) : color( d.label ); } ); - - cell.append( 'text' ) - .attr( 'x', function( d ) { return d.dx / 2; } ) - .attr( 'y', function( d ) { return d.dy / 2; } ) - .attr( 'dy', '.35em' ) - .attr( 'text-anchor', 'middle' ) - .text( function( d ) { return d.children ? null : datalabels === 'value' ? d.value : d.label ; } ); - } ); - } - }; - - /** - * Implementation and representation of the d3 treemap instance - * @since 1.8 - * @type Object - */ - var srfD3 = new srf.formats.d3(); - var util = new srf.util(); - - $(document).ready(function() { - $( '.srf-d3-chart-treemap' ).each(function() { - srfD3.treemap( $( this ) ); - } ); - } ); -} )( jQuery, semanticFormats );
\ No newline at end of file |