|
|
| (56 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| <html>
| |
| <script language="javascript" type="text/javascript" src="/resource_browser/rb_js/flot/jquery.flot.js"></script>
| |
| <script language="javascript" type="text/javascript" src="/resource_browser/rb_js/highcharts/highcharts.js""></script>
| |
| <script language="javascript" type="text/javascript" src="/resource_browser/rb_js/highcharts/modules/exporting.js"></script>
| |
| <script type="text/javascript">
| |
|
| |
| $(document).ready(function () {
| |
| var chart;
| |
| // Build the chart
| |
| chart = new Highcharts.Chart({
| |
| chart: {
| |
| renderTo: 'container',
| |
| plotBackgroundColor: null,
| |
| plotBorderWidth: null,
| |
| plotShadow: false
| |
| },
| |
| title: {
| |
| text: 'Browser market shares at a specific website, 2010'
| |
| },
| |
| tooltip: {
| |
| pointFormat: '{series.name}: <b>{point.percentage}%</b>',
| |
| percentageDecimals: 1
| |
| },
| |
| plotOptions: {
| |
| pie: {
| |
| allowPointSelect: true,
| |
| cursor: 'pointer',
| |
| dataLabels: {
| |
| enabled: true,
| |
| color: '#000000',
| |
| connectorColor: '#000000',
| |
| formatter: function() {
| |
| return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
| |
| }
| |
| }
| |
| }
| |
| },
| |
| series: [{
| |
| type: 'pie',
| |
| name: 'Browser share',
| |
| data: [
| |
| ['Firefox', 45.0],
| |
| ['IE', 26.8],
| |
| ['Dolphin',2] ,
| |
| {
| |
| name: 'Chrome',
| |
| y: 12.8,
| |
| sliced: true,
| |
| selected: true
| |
| },
| |
| ['Safari', 8.5],
| |
| ['Opera', 4.2],
| |
| ['Others', 0.7]
| |
| ]
| |
| }]
| |
| });
| |
| });
| |
|
| |
| </script>
| |
| </html>
| |
|
| |
|
| {{#vardefine:motifdatabases|{{#ask:[[Category:NonRedundantMotifCluster]]
| |
| |?Motifdb
| |
| |format=array
| |
| |offset=0
| |
| |limit=
| |
| |mainlabel=-
| |
| |sort=Motifdb
| |
| |order=ASC
| |
| |link=none
| |
| |headers=hide
| |
| |titles=show
| |
| |hidegaps=none
| |
| |sep=,
| |
| |propsep=<PROP>
| |
| |manysep=<MANY>
| |
| |recordsep=<RCRD>
| |
| |headersep=
| |
| }}
| |
| }}
| |
|
| |
| {{TestTemplate|{{#var:motifdatabases}}|,}}
| |
|
| |
| {{#arraymap:{{#var:motifdatabases}}|,|$|
| |
| $
| |
| |}}
| |
|
| |
|
| |
|
| |
| ==GRAPH==
| |
| {{#ask:[[Category:NonRedundantMotifCluster]] [[Motifdb::JASPAR]]
| |
| |?motifname
| |
| |format=d3chart
| |
| |charttype=bubble
| |
| }}
| |
