define(["require", "exports", "tslib", "react", "@uifabric/charting"], function (require, exports, tslib_1, React, charting_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var DonutChartCustomAccessibilityExample = /** @class */ (function (_super) {
        tslib_1.__extends(DonutChartCustomAccessibilityExample, _super);
        function DonutChartCustomAccessibilityExample(props) {
            return _super.call(this, props) || this;
        }
        DonutChartCustomAccessibilityExample.prototype.render = function () {
            var points = [
                {
                    legend: 'first',
                    data: 20000,
                    color: '#E5E5E5',
                    xAxisCalloutData: '2020/04/30',
                    callOutAccessibilityData: { ariaLabel: 'Pia chart 1 of 2 2020/04/30' },
                },
                {
                    legend: 'second',
                    data: 39000,
                    color: '#0078D4',
                    xAxisCalloutData: '2020/04/20',
                    callOutAccessibilityData: { ariaLabel: 'Pia chart 2 of 2 2020/04/20' },
                },
            ];
            var data = {
                chartTitle: 'Donut chart custom accessibility example',
                chartData: points,
                chartTitleAccessibilityData: { ariaLabel: 'Bar chart depicting about Donut chart' },
            };
            return (React.createElement(charting_1.DonutChart, { data: data, innerRadius: 55, href: 'https://developer.microsoft.com/en-us/', legendsOverflowText: 'overflow Items', hideLegend: true, height: 220, width: 176, valueInsideDonut: 39000 }));
        };
        return DonutChartCustomAccessibilityExample;
    }(React.Component));
    exports.DonutChartCustomAccessibilityExample = DonutChartCustomAccessibilityExample;
});
//# sourceMappingURL=DonutChart.CustomAccessibility.Example.js.map