Personal tools

Template:TestTemplate: Difference between revisions

From FANTOM5_SSTAR

Jump to: navigation, search
No edit summary
No edit summary
Line 45: Line 45:
}
}
var data = [];
var data = [];
var categories = [];
var tmp_data = [];
var content = "</html>{{{1}}}<html>";
var content = "</html>{{{1}}}<html>";
var delimiter = "</html>{{{2}}}<html>";
var delimiter = "</html>{{{2}}}<html>";
var content_array = content.split(delimiter);
var content_array = content.split(delimiter);


var result_tmp = getDistinctElements(content_array);
for(var i=0, l=content_array.length; i<l; i++){
 
var tmp =content_array[i];
for(var i=0, l=result_tmp .length; i<l; i++){
tmp_data.push(tmp);
var tmp =result_tmp [i];
}
var counted = countItems(content,tmp);
var x = ["score", tmp_data];
var x = [tmp , counted];
data.push(x);
data.push(x);
}


     var chart;
     var chart;
Line 62: Line 63:
         chart = new Highcharts.Chart({
         chart = new Highcharts.Chart({
         chart: {
         chart: {
                type= 'line',
                 renderTo: 'container',
                 renderTo: 'container',
                 plotBackgroundColor: null,
                 marginRight: 130,
                 plotBorderWidth: null,
                 marginBottom: 25
                 plotShadow: true
            },
            title: {
                text: chart_title  ,
                x= -20 //center
            },
            subtitle: {
                text: 'Source: fantom5.com',
                x: -20
            },
            xAxis: {
                 categories: categories
             },
             },
title: {
            yAxis: {
                 text: chart_title 
                title: {
                    text: 'Temperature (°C)'
                 },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
             },
             },
             tooltip: {
             tooltip: {
             pointFormat: '{series.name}:<b>{point.y}</b>',
             pointFormat: '{series.name}:<b>{point.y}</b>',
            percentageDecimals: 0
                percentageDecimals: 0,
                    valueSuffix: '°C'
             },
             },
             plotOptions: {
             legend: {
                 pie: {
                 layout: 'vertical',
                    allowPointSelect: true,
                align: 'right',
                    cursor: 'pointer',
                verticalAlign: 'top',
                    dataLabels: {
                x: -10,
                        enabled: true,
                y: 100,
                        color: '#000000',
                 borderWidth: 0
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ this.percentage.toFixed(1) +' %';
                        }
                    }
                 }
             },
             },
             series: [{
             series: data
                type: 'pie',
                name: series_name,
                data: data
            }]
         });
         });


Line 122: Line 132:
<div id ="wrap" style="background-color:White; {round corners}} padding: 0.5em 1em;">
<div id ="wrap" style="background-color:White; {round corners}} padding: 0.5em 1em;">
<div id="left_col">
<div id="left_col">
<div id="container" style="min-width: 250px; height: 250px; margin: 0 auto"></div>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</div>
</div>
</div>
</div>

Revision as of 14:50, 12 June 2013

Retrieved from "http://f5-webapp4.gsc.riken.jp/resource_browser/index.php?title=Template:TestTemplate&oldid=2580009"