"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var charting_1 = require("@uifabric/charting");
var Styling_1 = require("office-ui-fabric-react/lib-commonjs/Styling");
var Styling_2 = require("office-ui-fabric-react/lib-commonjs/Styling");
var GroupedVerticalBarChartBasic2Example = /** @class */ (function (_super) {
    tslib_1.__extends(GroupedVerticalBarChartBasic2Example, _super);
    function GroupedVerticalBarChartBasic2Example() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    GroupedVerticalBarChartBasic2Example.prototype.render = function () {
        var data = [
            {
                name: 'thirdGraph third Graphthir  dGraphthir dGraphthird Graphthird Graphthird Graphthird Graphthird Graph',
                series: [
                    {
                        key: 'series1',
                        data: 33000,
                        color: Styling_1.DefaultPalette.blueLight,
                        legend: 'MetaData1',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '33%',
                    },
                    {
                        key: 'series2',
                        data: 44000,
                        color: Styling_1.DefaultPalette.blue,
                        legend: 'MetaData4',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '44%',
                    },
                ],
            },
            {
                name: 'Ju St',
                series: [
                    {
                        key: 'series1',
                        data: 33000,
                        color: Styling_1.DefaultPalette.blueLight,
                        legend: 'MetaData1',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '33%',
                    },
                    {
                        key: 'series2',
                        data: 3000,
                        color: Styling_1.DefaultPalette.blue,
                        legend: 'MetaData4',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '3%',
                    },
                ],
            },
            {
                name: 'SecondONe IamALLL ',
                series: [
                    {
                        key: 'series1',
                        data: 14000,
                        color: Styling_1.DefaultPalette.blueLight,
                        legend: 'MetaData1',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '14%',
                    },
                    {
                        key: 'series2',
                        data: 50000,
                        color: Styling_1.DefaultPalette.blue,
                        legend: 'MetaData4',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '50%',
                    },
                ],
            },
            {
                name: 'kowsar shaik',
                series: [
                    {
                        key: 'series1',
                        data: 33000,
                        color: Styling_1.DefaultPalette.blueLight,
                        legend: 'MetaData1',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '33%',
                    },
                    {
                        key: 'series2',
                        data: 3000,
                        color: Styling_1.DefaultPalette.blue,
                        legend: 'MetaData4',
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '3%',
                    },
                ],
            },
        ];
        var rootStyle = Styling_2.mergeStyles({ width: '650px', height: '400px' });
        return (React.createElement("div", { className: rootStyle },
            React.createElement(charting_1.GroupedVerticalBarChart, { data: data, height: 400, width: 650, showYAxisGridLines: true, showXAxisLablesTooltip: true, noOfCharsToTruncate: 6 })));
    };
    return GroupedVerticalBarChartBasic2Example;
}(React.Component));
exports.GroupedVerticalBarChartBasic2Example = GroupedVerticalBarChartBasic2Example;
//# sourceMappingURL=GroupedVerticalBarChart.Basic2.Example.js.map