Template:useractivity

// GET SIZE ARGS FROM TEMPLATE CALL
var height = (($height ?? $0) ?? '450');
var width = (($width ?? $1) ?? '300');

// JUST FOR BOB'S ENLIGHTENMENT
var targeturl = 'http://developer.mindtouch.com';

// DEFINE ACTIVITY FEED SOURCES
/* COMMENTED OUT FOR TUTORIALS, JUST GET THE CURRENT USER
var usrarray = string.split(page.path,"/");
let usr = usrarray[0];
let usr = string.substr(usr, 5);
*/
var usr = user.name;

var listsrc = site.api .. '/users/=' ..usr .. '/feed?authtoken=' .. user.authtoken;
var src = listsrc .. '&format=raw&limit=500&since=';

<div id="useractivitychart">
    // GET CHART DATA
    var Series1 = [];
    var week1 = web.xml(src .. date.format(date.adddays(date.now, '-7'), 'yyyyMMddHHmmss'));
    let week1 = week1['change'];
    var w1count = #week1;
    var w1dates = date.format(date.adddays(date.now, '-7'), 'MM/dd') .. ' - ' .. date.format(date.now, 'MM/dd');
    let Series1 ..= [{y: #week1, name: w1dates}];

    var week2 = web.xml(src .. date.format(date.adddays(date.now, '-14'), 'yyyyMMddHHmmss') .. '&offset=' .. w1count);
    let week2 = week2['change'];
    var w2count = #week2;
    var w2dates = date.format(date.adddays(date.now, '-14'), 'MM/dd') .. ' - ' .. date.format(date.adddays(date.now, '-8'), 'MM/dd');
    let Series1 ..= [{y: #week2, name: w2dates}];

    var week3 = web.xml(src .. date.format(date.adddays(date.now, '-21'), 'yyyyMMddHHmmss') .. '&offset=' .. w2count);
    let week3 = week3['change'];
    var w3count = #week3;
    var w3dates = date.format(date.adddays(date.now, '-21'), 'MM/dd') .. ' - ' .. date.format(date.adddays(date.now, '-15'), 'MM/dd');
    let Series1 ..= [{y: #week3, name: w3dates}];

    var week4 = web.xml(src .. date.format(date.adddays(date.now, '-28'), 'yyyyMMddHHmmss') .. '&offset=' .. w3count);
    let week4 = week4['change'];
    var w4count = #week4;
    var w4dates = date.format(date.adddays(date.now, '-28'), 'MM/dd') .. ' - ' .. date.format(date.adddays(date.now, '-21'), 'MM/dd');
    let Series1 ..= [{y: #week4, name: w4dates}];



// CREATE ANYCHART, AND INSERT DATA POINTS
    anychart('<anychart>
        <settings>
            <animation enabled="True"/>
        </settings>
        <margin all="0"/>
        <charts>
            <chart plot_type="CategorizedVertical">

                <data_plot_settings enable_3d_mode="true" z_aspect=".25" color="black" >
                    <bar_series group_padding="0.2" >
                        <tooltip_settings enabled="true"/>
                    </bar_series>
                </data_plot_settings>
                <palettes>
                    <palette name="sapd_blue" type="colorrange" >
                        <gradient>
                            <key color="#2332FF"/>
                            <key color="#E8F1FF"/>
                        </gradient>
                    </palette>
                </palettes>
                <styles>
                    <bar_style name="bs">
                        <border type="Solid" color="DarkColor(%Color)" thickness="1" />
                        <effects enabled="false" />
                        <states>
                            <normal>
                                <fill type="Solid" color="%Color" opacity=".5" />
                                <effects enabled="false" />
                            </normal>
                            <hover>
                                <fill type="Solid" color="LightColor(%Color)" opacity=".6" />
                                <effects enabled="false" />
                            </hover>
                            <pushed>
                                <fill type="Solid" color="DarkColor(%Color)" opacity="1" />
                                <border type="Solid" color="Black" thickness="2" />
                                <effects enabled="true">
                                    <bevel enabled="true" />
                                </effects>
                            </pushed>
                            <selected_normal>
                                <fill type="Solid" color="LightColor(%Color)" opacity=".6" />
                                <hatch_fill enabled="True" color="DarkColor(%Color)" />
                            </selected_normal>
                            <selected_hover>
                                <fill type="Solid" color="LightColor(%Color)" opacity="1" />
                                <hatch_fill enabled="True" color="%Color" />
                            </selected_hover>
                            <missing>
                                <fill type="Gradient" opacity="1">
                                    <gradient angle="45">
                                        <key position="0" color="LightColor(%Color)" />
                                        <key position="0.5" color="White" />
                                        <key position="1" color="LightColor(%Color)" />
                                    </gradient>
                                </fill>
                                <hatch_fill enabled="false" />
                            </missing>
                        </states>
                    </bar_style>
                </styles>
                <chart_settings>
                    <title enabled="true">
                        <font color="white" />
                        <text>User Activity By Week</text>
                    </title>
                    <chart_background>
                        <fill enabled="true" type="solid" color="#707070"/>
                        <border enabled="true"/>
                        <corners type="Square"/>
                    </chart_background>
                    <data_plot_background>
                        <fill type="gradient" opacity="0">
                            <gradient type="radial">
                                <key position="0" color="#FFFFFF" />
                                <key position="1" color="#DBE2F2" />
                            </gradient>
                        </fill>
                     </data_plot_background>
                    <axes>
                        <x_axis>
                            <title>
                                <text>Weeks</text>
                                <font color="white" />
                            </title>
                            <labels>
                                <font color="white"/>
                            </labels>
                            <scale major_interval="10" minor_interval="5" />
                        </x_axis>
                        <y_axis>
                            <title>
                                <text>Edits</text>
                                <font color="white" />
                            </title>
                            <labels>
                                <font color="white"/>
                            </labels>
                            <scale major_interval="10" minor_interval="5" />
                        </y_axis>
                    </axes>
                </chart_settings>
                <data>
                    <series name="Series 1" type="bar" style="bs" palette="sapd_blue">
                        ' .. 
                        (
                            //INSERT XML DATA POINTS FOR ANYCHARTS
                            foreach (var v in Series1) {
                            '<point y="' .. v.y .. '" name="' .. v.name .. '" >
                                <actions>
                                    <action type="navigateToURL" url="' .. targeturl .. '" target="_top"/>
                                </actions>
                            </point>'
                        })
                         .. '
                    </series>
                </data>
            </chart>
        </charts>
    </anychart>', 
    height, 
    width
);

</div>