#1
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Graphical Chart Mod - Version 2.0 (for v5.2.x)
This mod use open flash chart 2.0 library with cool animations effects
Thanks to
Electrolyt for first version
INSTALLTIME: 5-10 minutes
Step 1:
We apply the flash chart software [
URL ] . Download the attachment (scroll down), unzip it and upload it to the root folder of your topsite
Step 2:
OPEN
source/stats.php
FIND (near line 42)
Code:
$TMPL["{$ranking_method}_avg_{$ranking_period}"] = number_format($TMPL["{$ranking_method}_avg_{$ranking_period}"] / 10, 1);
REPLASE WITH
Code:
$TMPL["{$ranking_method}_avg_{$ranking_period}"] = number_format($TMPL["{$ranking_method}_avg_{$ranking_period}"] / 10, 2,',','');
FIND (near line 100)
Code:
$stats = array_map('number_format', $stats);
REPLASE WITH
Code:
$stats = array_map('floatval', $stats);
FIND (near line 157)
Code:
$stats = array_map('number_format', $stats);
REPLACE WITH
Code:
$stats = array_map('floatval', $stats);
Step 3:
We insert the charts! If you want the grapical stats only for the pages, only insert the code into stats.html. If you want the grapical stats four your topsite too, you have to edit the stats_overall.html too.
OPEN
skins/YOURSKIN/stats.html
FIND
Code:
<h3>{$lng->stats_header}</h3>
COMMENT
You can remove the following tables. You don´t need them anymore . I remove all without the last table where the total stats are displayed.
AFTER ADD
Code:
<br>
<div class="table_border">
<table cellspacing="1" cellpadding="1">
<tr>
<th class="stats_top">{$lng->g_unq_pv}</th>
</tr>
<tr>
<td>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart_01", "100%", "230", "9.0.0", "expressInstall.swf", {"get-data":"get_data_1"} );
function get_data_1() {return JSON.stringify(data_1);}
var data_1 = {
"elements": [
{
"type": "bar_glass",
"values": [{$unq_pv_9_monthly},{$unq_pv_8_monthly},{$unq_pv_7_monthly},{$unq_pv_6_monthly},{$unq_pv_5_monthly},{$unq_pv_4_monthly},{$unq_pv_3_monthly},{$unq_pv_2_monthly},{$unq_pv_1_monthly},{$unq_pv_0_monthly}],
"colour": "#8F10C7",
"alpha":0.3,
"on-show":{"type":"pop","cascade":1,"delay":0.5}
}
],
"title": {
"text": "Your_title_one"
},
"x_axis": {
"colour": "#A2ACBA",
"grid-colour": "#D7E4A3",
"offset": false,
"steps": 4,
"labels": {
"rotate": -20,
"labels": ["{$9_monthly}","{$8_monthly}","{$7_monthly}","{$6_monthly}","{$5_monthly}","{$4_monthly}","{$3_monthly}","{$2_monthly}","{$lng->g_last_month}","{$lng->g_this_month}"]
}
},
"y_axis": {
"min": 0,
"max": {$unq_pv_max_monthly},
"steps": {$unq_pv_max_monthly}/4,
"colour": "#8F10C7"
}
};
</script>
<div id="my_chart_01"></div>
</td>
</tr>
</table>
</div>
<br>
<div class="table_border">
<table cellspacing="1" cellpadding="1">
<tr>
<th class="stats_top">{$lng->g_tot_pv}</th>
</tr>
<tr>
<td>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart_02", "100%", "230", "9.0.0", "expressInstall.swf", {"get-data":"get_data_2"} );
function get_data_2() {return JSON.stringify(data_2);}
var data_2 = {
"elements": [
{
"type": "bar_glass",
"values": [{$tot_pv_9_monthly},{$tot_pv_8_monthly},{$tot_pv_7_monthly},{$tot_pv_6_monthly},{$tot_pv_5_monthly},{$tot_pv_4_monthly},{$tot_pv_3_monthly},{$tot_pv_2_monthly},{$tot_pv_1_monthly},{$tot_pv_0_monthly}],
"colour": "#8F10C7",
"alpha":0.3,
"tip": ": #val#",
"on-show":{"type":"pop","cascade":1,"delay":0.5}
}
],
"title": {
"text": "Your_title_2"
},
"x_axis": {
"colour": "#A2ACBA",
"grid-colour": "#D7E4A3",
"offset": false,
"steps": 4,
"labels": {
"rotate": -20,
"labels": ["{$9_monthly}","{$8_monthly}","{$7_monthly}","{$6_monthly}","{$5_monthly}","{$4_monthly}","{$3_monthly}","{$2_monthly}","{$lng->g_last_month}","{$lng->g_this_month}"]
}
},
"y_axis": {
"min": 0,
"max": {$tot_pv_max_monthly},
"steps": {$tot_pv_max_monthly}/4,
"colour": "#8F10C7"
}
};
</script>
<div id="my_chart_02"></div>
</td>
</tr>
</table>
</div>
<br>
<div class="table_border">
<table cellspacing="1" cellpadding="1">
<tr>
<th class="stats_top">{$lng->g_unq_in} / {$lng->g_tot_in}</th>
</tr>
<tr>
<td>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart_03", "100%", "230", "9.0.0", "expressInstall.swf", {"get-data":"get_data_3"} );
function get_data_3() {return JSON.stringify(data_3);}
var data_3 = {
"elements": [
{
"type": "bar_glass",
"values": [{$unq_in_9_monthly},{$unq_in_8_monthly},{$unq_in_7_monthly},{$unq_in_6_monthly},{$unq_in_5_monthly},{$unq_in_4_monthly},{$unq_in_3_monthly},{$unq_in_2_monthly},{$unq_in_1_monthly},{$unq_in_0_monthly}],
"colour": "#6ACA8F",
"tip": "{$lng->g_unq_in}: #val#",
"alpha":0.3,
"on-show":{"type":"pop","cascade":1,"delay":0.5}
},
{
"type": "bar_glass",
"values": [{$tot_in_9_monthly},{$tot_in_8_monthly},{$tot_in_7_monthly},{$tot_in_6_monthly},{$tot_in_5_monthly},{$tot_in_4_monthly},{$tot_in_3_monthly},{$tot_in_2_monthly},{$tot_in_1_monthly},{$tot_in_0_monthly}],
"colour": "#2BAE42",
"tip": "{$lng->g_tot_in}: #val#",
"alpha":0.3,
"on-show":{"type":"grow-up","cascade":1,"delay":0.5}
}
],
"title": {
"text": "Your_title_3"
},
"x_axis": {
"colour": "#A2ACBA",
"grid-colour": "#D7E4A3",
"offset": false,
"steps": 4,
"labels": {
"rotate": -20,
"labels": ["{$9_monthly}","{$8_monthly}","{$7_monthly}","{$6_monthly}","{$5_monthly}","{$4_monthly}","{$3_monthly}","{$2_monthly}","{$lng->g_last_month}","{$lng->g_this_month}"]
}
},
"y_axis": {
"min": 0,
"max": {$tot_in_max_monthly},
"steps": {$tot_in_max_monthly}/4,
"colour": "#8F10C7"
}
};
</script>
<div id="my_chart_03"></div>
</td>
</tr>
</table>
</div>
<br>
<div class="table_border">
<table cellspacing="1" cellpadding="1">
<tr>
<th class="stats_top">{$lng->g_unq_out} / {$lng->g_tot_out}</th>
</tr>
<tr>
<td>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart_04", "100%", "230", "9.0.0", "expressInstall.swf", {"get-data":"get_data_4"} );
function get_data_4() {return JSON.stringify(data_4);}
var data_4 = {
"elements": [
{
"type": "bar_glass",
"values": [{$unq_out_9_monthly},{$unq_out_8_monthly},{$unq_out_7_monthly},{$unq_out_6_monthly},{$unq_out_5_monthly},{$unq_out_4_monthly},{$unq_out_3_monthly},{$unq_out_2_monthly},{$unq_out_1_monthly},{$unq_out_0_monthly}],
"colour": "#A4040E",
"tip": "{$lng->g_unq_out}: #val#",
"alpha":0.3,
"on-show":{"type":"drop","cascade":1,"delay":0.5}
},
{
"type": "bar_glass",
"values": [{$tot_out_9_monthly},{$tot_out_8_monthly},{$tot_out_7_monthly},{$tot_out_6_monthly},{$tot_out_5_monthly},{$tot_out_4_monthly},{$tot_out_3_monthly},{$tot_out_2_monthly},{$tot_out_1_monthly},{$tot_out_0_monthly}],
"colour": "#700008",
"tip": "{$lng->g_tot_out}: #val#",
"alpha":0.3,
"on-show":{"type":"pop-up","cascade":1,"delay":0.5}
}
],
"title": {
"text": "Your_title_4"
},
"x_axis": {
"colour": "#A2ACBA",
"grid-colour": "#D7E4A3",
"offset": false,
"steps": 4,
"labels": {
"rotate": -20,
"labels": ["{$9_monthly}","{$8_monthly}","{$7_monthly}","{$6_monthly}","{$5_monthly}","{$4_monthly}","{$3_monthly}","{$2_monthly}","{$lng->g_last_month}","{$lng->g_this_month}"]
}
},
"y_axis": {
"min": 0,
"max": {$tot_out_max_monthly},
"steps": {$tot_out_max_monthly}/4,
"colour": "#8F10C7"
}
};
</script>
<div id="my_chart_04" onmouseout="__onrollout();"></div>
</script>
</td>
</tr>
</table>
</div>
<br>
All done
little demo -
http://novamash.com/firms/index.php?a=stats&u=novamash (contain another features)
Attached Images
Attached Files
__________________
форум
яндекс
Last edited by itmgk; 12-19-2010 at 08:28 PM .
The Following 5 Users Say Thank You to itmgk For This Useful Post:
#2
Moderator
Full Access
Join Date: Oct 2005
Location: Germany
Posts: 3,275
Thanks: 33
Thanked 714 Times in 164 Posts
Groans: 2
Groaned at 0 Times in 0 Posts
This one looks very sexy! good job
thanks for sharing
__________________
Like OSempire and the help we provide? You can help us as well and make OS a better place -
Link to us
Follow us and step away from Internet Explorer
#3
Administrator
Full Access
Join Date: Dec 2005
Location: Creston BC, Canada
Posts: 6,297
Thanks: 145
Thanked 814 Times in 283 Posts
Groans: 14
Groaned at 1 Time in 1 Post
Very nice! and great job writing up the instructions
__________________
-Mark
My Blog
Find OSempire useful? All mods and help are free, but you can help us by linking back!
Click here
#4
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
i have the version 1.0 , what should i change ? when i try to change all , only the unique pvs are shown
#5
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
HeathenMan
i have the version 1.0 , what should i change ? when i try to change all , only the unique pvs are shown
Hi!
Try change only step 3 from version 1
and replace all files, attacced in first post
__________________
форум
яндекс
Last edited by itmgk; 11-27-2010 at 06:45 AM .
#6
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
i try it but it only show unique pvs
#7
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
HeathenMan
i try it but it only show unique pvs
give me link to u topsite
__________________
форум
яндекс
#8
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
i change it back but here is a screen :
#9
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
give me u code from step 3
__________________
форум
яндекс
#10
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
PHP Code:
< style >
ul . tabs {
margin : 0 ;
padding : 0 ;
float : left ;
style : none ;
height : 32px ; /*--Set height of tabs--*/
border - bottom : 1px solid #999;
border - left : 1px solid #999;
width : 100 %;
ul . tabs li {
float : left ;
margin : 0 ;
padding : 0 ;
height : 31px ; /*--Subtract 1px from the height of the unordered list--*/
line - height : 31px ; /*--Vertically aligns the text within the tab--*/
border : 1px solid #999;
border - left : none ;
margin - bottom : - 1px ; /*--Pull the list item down 1px--*/
overflow : hidden ;
position : relative ;
background : #e0e0e0;
}
ul . tabs li a {
text - decoration : none ;
color : #000;
display : block ;
font - size : 1.2em ;
padding : 0 20px ;
border : 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline : none ;
ul . tabs li a : hover {
background : #ccc;
}
html ul . tabs li . active , html ul . tabs li . active a : hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background : #fff;
border - bottom : 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
tab_container {
border : 1px solid #999;
border - top : none ;
overflow : hidden ;
clear : both ;
float : left ; width : 100 %;
background : #fff;
}
tab_content {
padding : 20px ;
font - size : 1.2em ;
style >
script type = "text/javascript"
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" > </script>
<script type="text/javascript">
#11
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
link to u topsite?
__________________
форум
яндекс
#12
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
#13
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
HeathenMan
i see in u site code from first version
__________________
форум
яндекс
#14
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
yes because i change it back omfg
#15
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
HeathenMan
yes because i change it back omfg
u really download attach and unzip him and download to u server?
check id for div's
my_chart_01, my_chart_02, my_chart_03, my_chart_04,
__________________
форум
яндекс
Last edited by itmgk; 11-27-2010 at 07:31 AM .
#16
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
idk ?
#17
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
anyone with an working edition ?
#18
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Hi!
__________________
форум
яндекс
#19
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
#20
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
HeathenMan
Are u use ICQ messanger?
write me on ICQ #720993
__________________
форум
яндекс
#21
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
anyone else ?
#22
Junior Member
Level 2 Access
Join Date: Dec 2010
Posts: 16
Thanks: 0
Thanked 7 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
thank you very much
#23
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
it works now , i delete the "tip" entrys in the other stat tables of the script ^^
#24
Member
Level 2 Access
Join Date: Sep 2008
Location: 127.0.0.1
Posts: 35
Thanks: 0
Thanked 5 Times in 1 Post
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
HeathenMan
it works now , i delete the "tip" entrys in the other stat tables of the script ^^
Hi! Add a
, in the end of tip string
__________________
форум
яндекс
#25
Member
Level 2 Access
Join Date: Oct 2010
Location: Germany
Posts: 62
Thanks: 2
Thanked 6 Times in 4 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
Quote:
Originally Posted by
itmgk
Hi! Add a , in the end of tip string
there was an
, but it doesnt works ^^ but without the tag it works fine
#26
Junior Member
Level 1 Access
Join Date: Feb 2011
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
Hi all,
done all instruticons, but doesn't work. What do I wrong?
It would be nice, if someone can help
Look:
ncsl.de/toplist/index.php?a=stats&u=calvera
thx ;-)
PHP Code:
< div class= "panou-right" >
div class= "top-panou-right" >
div class= "poz-panou-right" >
$title }
div >
div >
div class= "border-panou-right" >
br />
a href = " { $url } " onclick = "out(' { $username } ');" >< img src = " { $banner_url } " alt = " { $title } " border = "0" /></ a >< br />< br />
h3 >{ $lng -> stats_info }</ h3 >< br />
div id = "stats_l" >< b >{ $lng -> g_url }:</ b > < a href = " { $url } " onclick = "out(' { $username } ');" >{ $url }</ a >< br />
b >{ $lng -> g_category }:</ b > < a href = " { $list_url } /index.php?cat= { $category_url } " >{ $category }</ a >< br />
b >{ $lng -> stats_member_since }:</ b > { $join_date }< br />
b >{ $lng -> g_description }:</ b > { $description }< br />< br />
b >{ $lng -> stats_rating_avg }:</ b > { $average_rating } / 5 < br />
b >{ $lng -> stats_rating_num }:</ b > { $num_ratings }< br />
img src = " { $skins_url } / { $skin_name } /stars { $average_rating } .gif" alt = " { $average_rating } /5" />< br />< br /></ div >
div id = "stats_r" > anzeige < script type = "text/javascript" >
cb = Math . random ()* 10000000 ;
document . write ( '<script type="text/javascript"' +
'src="ad.adnet.de/adj.php?s=15974;wxh=300x250;t=_blank;cb=' + cb + '">' +
'</scr' + 'ipt>' );
//-->
</script>
<noscript>
#27
Junior Member
Level 1 Access
Join Date: Feb 2011
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
no one who can help? :-(
#28
Moderator
Full Access
Join Date: Oct 2005
Location: Germany
Posts: 3,275
Thanks: 33
Thanked 714 Times in 164 Posts
Groans: 2
Groaned at 0 Times in 0 Posts
Hard to debug that, your best try is to take out the flash and apply one chart after another to see which of them is causing problems
__________________
Like OSempire and the help we provide? You can help us as well and make OS a better place -
Link to us
Follow us and step away from Internet Explorer
#29
Junior Member
Level 2 Access
Join Date: Sep 2010
Posts: 5
Thanks: 1
Thanked 0 Times in 0 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
It seems that this mod is not working in IE. I just installed it and I don't see the graphs in my IE, I can see them in firefox though. Can anyone else confirm this or perhaps has a solution for this?
#30
Moderator
Full Access
Join Date: Oct 2005
Location: Germany
Posts: 3,275
Thanks: 33
Thanked 714 Times in 164 Posts
Groans: 2
Groaned at 0 Times in 0 Posts
Doesnt IE have a javascript error console? a little yellow sign at the bottom left appear if some javascript is buggy. Dont use IE to often, so i could be wrong.
__________________
Like OSempire and the help we provide? You can help us as well and make OS a better place -
Link to us
Follow us and step away from Internet Explorer
#31
Junior Member
Level 1 Access
Join Date: Feb 2012
Posts: 1
Thanks: 1
Thanked 0 Times in 0 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
I installed the mod everything is working. But how to show the section 'Переходы из поискових систем'?
#32
Junior Member
Level 2 Access
Join Date: Feb 2012
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Groans: 0
Groaned at 0 Times in 0 Posts
Does any one know what exactlly the bar graph is displaying?
Thread Tools
Search this Thread
Display Modes
Linear Mode
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
Graphical Chart Mod - Version 2.0 (for v5.2.x)
Linear Mode
