charts/tests/groupmarkertests.html

5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<html>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    <head>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        <meta http-equiv="content-type" content="text/html; charset=utf-8">
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        <style>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            /*Supplemental: CSS for the YUI distribution*/
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            #custom-doc { width: 95%; min-width: 950px; }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            #pagetitle {background-image: url(/assets/bg_hd.gif);}
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            #mychart {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                padding:10px 10px 10px 10px;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        </style>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        <link rel="stylesheet" type="text/css" href="/build/cssfonts/fonts-min.css">
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    </head>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<body class="yui3-skin-sam">
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<h3>Group Marker Tests</h3>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<div id="mychart"></div>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<script type="text/javascript" src="/build/yui/yui-min.js"></script>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp<script>
5a232fa15bcdfba68921799c4aba0a9e410f931fTrippYUI({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    allowRollup: false,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min'
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp}).use('charts', 'test', 'console', function (Y)
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp{
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    Y.namespace("example.test");
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    var suite = new Y.Test.Suite("Y.GroupMarker"),
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    GroupMarkerTestTemplate = function(cfg, globalCfg)
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        var i;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        GroupMarkerTestTemplate.superclass.constructor.apply(this);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        cfg.width = cfg.width || 400;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        cfg.height = cfg.height || 300;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        cfg.groupMarkers = true;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        cfg.interactionType = "planar";
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        cfg.render = "#mychart";
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        this.attrCfg = cfg;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        for(i in globalCfg)
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            if(globalCfg.hasOwnProperty(i))
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                this[i] = globalCfg[i];
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    };
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    Y.extend(GroupMarkerTestTemplate, Y.Test.Case, {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        setUp: function() {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            this.chart = new Y.Chart(this.attrCfg);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        testGroupMarkers: function()
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            var chart = this.chart,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                keys = chart.get("seriesKeys"),
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                i = 0,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                len = keys.length;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            Y.Assert.isTrue(chart.get("groupMarkers"));
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        tearDown: function() {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            this.chart.destroy(true);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    });
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    Y.GroupMarkerTestTemplate = GroupMarkerTestTemplate;
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    var dataProvider =  [
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {category:"5/1/2010", miscellaneous:2000, expenses:3700, revenue:2200},
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {category:"5/2/2010", miscellaneous:50, expenses:9100, revenue:100},
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {category:"5/3/2010", miscellaneous:400, expenses:1100, revenue:1500},
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {category:"5/4/2010", miscellaneous:200, expenses:1900, revenue:2800},
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        {category:"5/5/2010", miscellaneous:5000, expenses:5000, revenue:2650}
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    ],
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    GroupMarkerTest = new Y.GroupMarkerTestTemplate({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesKeys: ["miscellaneous", "expenses", "revenue"],
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        dataProvider: dataProvider
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        name: "Group Marker Test"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    }),
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    CircleMarkerTest = new Y.GroupMarkerTestTemplate({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesKeys: ["miscellaneous", "expenses", "revenue"],
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        dataProvider: dataProvider,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesCollection: [
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "miscellaneous",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "circle"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "expenses",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "circle"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "revenue",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "circle"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        ]
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        name: "Circle Marker Test"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    }),
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    RectMarkerTest = new Y.GroupMarkerTestTemplate({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesKeys: ["miscellaneous", "expenses", "revenue"],
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        dataProvider: dataProvider,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesCollection: [
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "miscellaneous",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "rect"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "expenses",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "rect"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "revenue",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "rect"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        ]
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        name: "Rect Marker Test"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    }),
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    DiamondMarkerTest = new Y.GroupMarkerTestTemplate({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesKeys: ["miscellaneous", "expenses", "revenue"],
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        dataProvider: dataProvider,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesCollection: [
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "miscellaneous",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "diamond"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "expenses",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "diamond"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "revenue",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "diamond"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        ]
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        name: "Diamond Marker Test"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    }),
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    EllipseMarkerTest = new Y.GroupMarkerTestTemplate({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesKeys: ["miscellaneous", "expenses", "revenue"],
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        dataProvider: dataProvider,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        seriesCollection: [
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "miscellaneous",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "ellipse"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "expenses",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "ellipse"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                type: "combo",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                valueKey: "revenue",
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                styles: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    marker: {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                        shape: "ellipse"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                    }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp                }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp            }
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        ]
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    },
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    {
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        name: "Ellipse Marker Test"
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    });
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    suite.add(GroupMarkerTest);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    suite.add(CircleMarkerTest);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    suite.add(RectMarkerTest);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    suite.add(DiamondMarkerTest);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    suite.add(EllipseMarkerTest);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    //create the console
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    var r = new Y.Console({
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        newestOnTop : false,
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp        style: 'block' // to anchor in the example content
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    });
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    r.render('#testLogger');
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    //run the tests
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    Y.Test.Runner.setName("Y.GroupMarker");
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    Y.Test.Runner.add(suite);
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp    Y.Test.Runner.run();
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp});
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp</script>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp</body>
5a232fa15bcdfba68921799c4aba0a9e410f931fTripp</html>