import { __extends } from "tslib";
import * as React from 'react';
import { StackedBarChart } from '@uifabric/charting';
import { DefaultPalette } from 'office-ui-fabric-react/lib/Styling';
var StackedBarChartCustomAccessibilityExample = /** @class */ (function (_super) {
    __extends(StackedBarChartCustomAccessibilityExample, _super);
    function StackedBarChartCustomAccessibilityExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StackedBarChartCustomAccessibilityExample.prototype.render = function () {
        var points = [
            {
                legend: 'first',
                data: 3000000,
                color: DefaultPalette.blue,
                xAxisCalloutData: '2020/04/30',
                yAxisCalloutData: '40%',
                callOutAccessibilityData: { ariaLabel: 'Bar series 1 of 1 2020/04/30 40%' },
            },
            { legend: 'second', data: 1, color: DefaultPalette.green },
        ];
        var data0 = {
            chartTitle: 'Stacked Bar chart example',
            chartTitleAccessibilityData: { ariaLabel: 'Bar chart depicting about Stacked Bar chart example' },
            chartDataAccessibilityData: { ariaLabel: 'number 3000000 out of 3000001' },
            chartData: points,
        };
        var data1 = {
            chartTitle: 'Stacked Bar chart example with ignore fix style',
            chartTitleAccessibilityData: {
                ariaLabel: 'Bar chart depicting about Stacked Bar chart example with ignore fix style',
            },
            chartData: points,
        };
        return (React.createElement(React.Fragment, null,
            React.createElement(StackedBarChart, { data: data0, href: 'https://developer.microsoft.com/en-us/', ignoreFixStyle: false }),
            React.createElement("br", null),
            React.createElement(StackedBarChart, { data: data1, href: 'https://developer.microsoft.com/en-us/', ignoreFixStyle: true, hideTooltip: true })));
    };
    return StackedBarChartCustomAccessibilityExample;
}(React.Component));
export { StackedBarChartCustomAccessibilityExample };
//# sourceMappingURL=StackedBarChart.CustomAccessibility.Example.js.map