Changes between Version 197 and Version 198 of WikiStart


Ignore:
Timestamp:
Dec 21, 2015, 3:14:57 PM (9 years ago)
Author:
Peter Baumann
Comment:

—

Legend:

Unmodified
Added
Removed
Modified

  • WikiStart

    v197 v198  
    44#!html
    55<table border="0" style="float:right;" cellspacing="0">
     6  <tr><td align="center" colspan="2">
     7    <img src="http://rasdaman.org/raw-attachment/wiki/WikiStart/rasdaman-collage.png" border="none" width="350">
     8  </td></tr>
    69  <tr><td align="center" valign="top">
    710  <fieldset>
    … …  
    1013    <script type="text/javascript">rmm_ki101('7',150,'a1850emr3y9','ff0000');</script>
    1114  </fieldset>
    12   </td><td align="center" valign="top">
     15  </td></tr>
     16  <tr><td align="center" valign="top">
    1317  <fieldset>
    1418    <legend><b>rasdaman downloads 2013+</b></legend>
    15     <a href="http://rasdaman.org/chrome/site/usage.png">
    16     <img width="150" height="150" src="http://rasdaman.org/chrome/site/usage.png" border="none">
    17     </a>
    18   </td></tr>
    19   <tr><td align="center" colspan="2">
    20   <img src="http://rasdaman.org/raw-attachment/wiki/WikiStart/rasdaman-collage.png" border="none" width="350">
     19    <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
     20    <script src="http://www.amcharts.com/lib/3/serial.js"></script> 
     21    <script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
     22    <script>
     23            var chart = AmCharts.makeChart("chartdiv", {
     24                "type": "serial",
     25                "theme": "light",
     26                "marginRight": 20,
     27                "autoMarginOffset": 10,
     28                "dataDateFormat": "YYYY-MM-DD",
     29                "valueAxes": [{
     30                        "id": "v1",
     31                        "axisAlpha": 0,
     32                        "position": "left"
     33                    }],
     34                "balloon": {
     35                    "borderThickness": 1,
     36                    "shadowAlpha": 0
     37                },
     38                "fontSize": 14,
     39                "graphs": [{
     40                        "id": "g1",
     41                        "bullet": "round",
     42                        "bulletBorderAlpha": 1,
     43                        "bulletColor": "#FFFFFF",
     44                        "bulletSize": 5,
     45                        "hideBulletsCount": 50,
     46                        "connect": true,
     47                        "lineThickness": 2,
     48                        "title": "red line",
     49                        "useLineColorForBulletBorder": true,
     50                        "valueField": "value",
     51                        "balloonText": "<div style='margin:2px; font-size:12px;'><span style='font-size:12px;color:#ddb510'>[[category]]</span><br><span style='font-size:12px;color:#1eff0a'><b>Downloads: [[value]]</b></span><br>[[description]]</div>",
     52                        //"balloonFunction": adjustBalloonText
     53                    }],
     54                "chartScrollbar": {
     55                    "graph": "g1",
     56                    "oppositeAxis": false,
     57                    "offset": 30,
     58                    "scrollbarHeight": 50,
     59                    "backgroundAlpha": 0,
     60                    "selectedBackgroundAlpha": 0.1,
     61                    "selectedBackgroundColor": "#888888",
     62                    "graphFillAlpha": 0,
     63                    "graphLineAlpha": 0.5,
     64                    "selectedGraphFillAlpha": 0,
     65                    "selectedGraphLineAlpha": 0,
     66                    "autoGridCount": true,
     67                    "color": "#AAAAAA"
     68                },
     69                "chartCursor": {
     70                    "pan": true,
     71                    "valueLineEnabled": true,
     72                    "valueLineBalloonEnabled": true,
     73                    "cursorAlpha": 0,
     74                    "valueLineAlpha": 0.2
     75                },
     76                "categoryField": "date",
     77                "categoryAxis": {
     78                    "parseDates": true,
     79                    "dashLength": 1,
     80                    "minorGridEnabled": true
     81                },
     82                "export": {
     83                    "enabled": true
     84                },
     85                "dataProvider": [{"date": "2015-11-9","value": 5,"description": "Slovenia: 2<br>Australia: 1<br>Germany: 1<br>United States: 1"},{"date": "2015-11-10","value": 11,"description": "Germany: 9<br>Greece: 1<br>United States: 1"},{"date": "2015-11-11","value": 7,"description": "Spain: 3<br>Slovenia: 2<br>Greece: 1<br>Sweden: 1"},{"date": "2015-11-12","value": 11,"description": "Germany: 3<br>Greece: 3<br>Serbia: 2<br>Slovenia: 2<br>United States: 1"},{"date": "2015-11-13","value": 14,"description": "Germany: 10<br>Greece: 2<br>Slovenia: 2"},{"date": "2015-11-14","value": 3,"description": "Germany: 2<br>Spain: 1"},{"date": "2015-11-15","value": 16,"description": "Germany: 14<br>Greece: 1<br>United States: 1"},{"date": "2015-11-16","value": 13,"description": "France: 4<br>Germany: 3<br>Greece: 2<br>Slovenia: 2<br>Spain: 1<br>United States: 1"},{"date": "2015-11-17","value": 11,"description": "United States: 4<br>Germany: 2<br>Greece: 2<br>Slovenia: 2<br>Spain: 1"},{"date": "2015-11-18","value": 16,"description": "Greece: 7<br>Germany: 6<br>Slovenia: 2<br>United States: 1"},{"date": "2015-11-19","value": 15,"description": "Germany: 8<br>Greece: 3<br>Slovenia: 2<br>United States: 2"},{"date": "2015-11-20","value": 6,"description": "Germany: 2<br>United States: 2<br>Greece: 1<br>Italy: 1"},{"date": "2015-11-21","value": 5,"description": "Greece: 3<br>Germany: 2"},{"date": "2015-11-22","value": 2,"description": "Germany: 1<br>Greece: 1"},{"date": "2015-11-23","value": 19,"description": "Germany: 16<br>Slovenia: 2<br>United States: 1"},{"date": "2015-11-24","value": 11,"description": "Germany: 8<br>Slovenia: 2<br>Austria: 1"},{"date": "2015-11-25","value": 5,"description": "Germany: 2<br>Slovenia: 2<br>Greece: 1"},{"date": "2015-11-26","value": 17,"description": "Germany: 13<br>Slovenia: 2<br>Greece: 1<br>United Kingdom: 1"},{"date": "2015-11-27","value": 7,"description": "United Kingdom: 4<br>Greece: 2<br>Germany: 1"},{"date": "2015-11-28","value": 10,"description": "Germany: 10"},{"date": "2015-11-29","value": 1,"description": "Greece: 1"},{"date": "2015-11-29","value": 9,"description": "Germany: 4<br>Greece: 4<br>Macedonia: 1"},{"date": "2015-11-30","value": 6,"description": "Greece: 4<br>Slovenia: 2"},{"date": "2015-12-1","value": 8,"description": "Slovenia: 2<br>United Kingdom: 2<br>United States: 2<br>Germany: 1<br>Luxembourg: 1"},{"date": "2015-12-2","value": 11,"description": "United States: 6<br>Germany: 3<br>Slovenia: 2"},{"date": "2015-12-3","value": 11,"description": "United States: 6<br>Luxembourg: 3<br>Germany: 2"},{"date": "2015-12-4","value": 6,"description": "Germany: 2<br>Slovenia: 2<br>Luxembourg: 1<br>United States: 1"},{"date": "2015-12-5","value": 4,"description": "Germany: 3<br>Greece: 1"},{"date": "2015-12-6","value": 10,"description": "Germany: 8<br>Greece: 2"},{"date": "2015-12-7","value": 7,"description": "Slovenia: 2<br>United States: 2<br>Australia: 1<br>Germany: 1<br>Greece: 1"},{"date": "2015-12-8","value": 9,"description": "Slovenia: 4<br>Germany: 2<br>United States: 2<br>Greece: 1"},{"date": "2015-12-9","value": 7,"description": "United Kingdom: 2<br>United States: 1<br>Germany: 3<br>Greece: 1"},{"date": "2015-12-10","value": 6,"description": "United States: 1<br>Slovenia: 2<br>Germany: 3"},{"date": "2015-12-11","value": 4,"description": "Slovenia: 2<br>Germany: 1<br>Greece: 1"},{"date": "2015-12-12","value": 3,"description": "Greece: 3"},{"date": "2015-12-13","value": 1,"description": "Greece: 1"},{"date": "2015-12-14","value": 9,"description": "United States: 2<br>Slovenia: 2<br>Germany: 3<br>Italy: 1<br>Greece: 1"},{"date": "2015-12-15","value": 11,"description": "Romania: 1<br>Italy: 2<br>United States: 2<br>Slovenia: 2<br>Germany: 2<br>Greece: 2"},{"date": "2015-12-16","value": 19,"description": "Romania: 1<br>Italy: 1<br>United States: 3<br>Slovenia: 2<br>Germany: 9<br>Greece: 3"},{"date": "2015-12-17","value": 19,"description": "United States: 1<br>Slovenia: 2<br>Romania: 2<br>Germany: 11<br>Greece: 3"},{"date": "2015-12-18","value": 10,"description": "Canada: 1<br>Poland: 1<br>United States: 1<br>Slovenia: 2<br>Austria: 1<br>Germany: 3<br>Greece: 1"},{"date": "2015-12-19","value": 4,"description": "Iran Islamic Republic of: 1<br>Germany: 2<br>Greece: 1"},{"date": "2015-12-20","value": 4,"description": "Romania: 2<br>Greece: 2"},{"date": "2015-12-21","value": 5,"description": "Canada: 1<br>Slovenia: 2<br>Germany: 1<br>Greece: 1"},]
     86            });
     87
     88            chart.addListener("rendered", zoomChart);
     89
     90            zoomChart();
     91
     92            function zoomChart() {
     93                var top = Math.ceil(65 * (chart.dataProvider.length) / 100);               
     94                chart.zoomToIndexes(top, chart.dataProvider.length - 1);
     95            }
     96
     97            // This function is for event handle
     98            function adjustBalloonText(graphDataItem, graph) {
     99                var value = graphDataItem.values.value;
     100
     101                if (value < 20) {
     102                    return "<span style='font-size:15px;'><b>Downloads: " + value + "</b><br>United States: 2<br>United Kingdom: 3<br>China:3</span>";
     103                }
     104                else {
     105                    return "<span style='font-size:15px;'><b>Downloads: " + value + "</b><span style='font-size:15px;'><br>United States: 2<br>United Kingdom: 3<br>China:3<br>Italy:10<br>Netherland:2<br>Austria:20</span>";
     106                }
     107            }
     108  </script>
     109  <div id="chartdiv" style="width:100%; height:160px;"></div>
     110
     111
    21112  </td></tr>
    22113</table>