define(["require", "exports", "react", "@fluentui/react-charting", "@fluentui/react/lib/Styling"], function (require, exports, React, react_charting_1, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.HorizontalBarChartBasicExample = void 0;
    var HorizontalBarChartBasicExample = function () {
        var hideRatio = [true, false];
        var data = [
            {
                chartTitle: 'one',
                chartData: [
                    {
                        legend: 'one',
                        horizontalBarChartdata: { x: 1543, y: 15000 },
                        color: Styling_1.DefaultPalette.tealDark,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '94%',
                    },
                ],
            },
            {
                chartTitle: 'two',
                chartData: [
                    {
                        legend: 'two',
                        horizontalBarChartdata: { x: 800, y: 15000 },
                        color: Styling_1.DefaultPalette.purple,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '19%',
                    },
                ],
            },
            {
                chartTitle: 'three',
                chartData: [
                    {
                        legend: 'three',
                        horizontalBarChartdata: { x: 8888, y: 15000 },
                        color: Styling_1.DefaultPalette.redDark,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '89%',
                    },
                ],
            },
            {
                chartTitle: 'four',
                chartData: [
                    {
                        legend: 'four',
                        horizontalBarChartdata: { x: 15888, y: 15000 },
                        color: Styling_1.DefaultPalette.themeDarkAlt,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '29%',
                    },
                ],
            },
            {
                chartTitle: 'five',
                chartData: [
                    {
                        legend: 'five',
                        horizontalBarChartdata: { x: 11444, y: 15000 },
                        color: Styling_1.DefaultPalette.themePrimary,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '39%',
                    },
                ],
            },
            {
                chartTitle: 'six',
                chartData: [
                    {
                        legend: 'six',
                        horizontalBarChartdata: { x: 14000, y: 15000 },
                        color: Styling_1.DefaultPalette.greenDark,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '49%',
                    },
                ],
            },
            {
                chartTitle: 'seven',
                chartData: [
                    {
                        legend: 'seven',
                        horizontalBarChartdata: { x: 9855, y: 15000 },
                        color: Styling_1.DefaultPalette.accent,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '79%',
                    },
                ],
            },
            {
                chartTitle: 'eight',
                chartData: [
                    {
                        legend: 'eight',
                        horizontalBarChartdata: { x: 4250, y: 15000 },
                        color: Styling_1.DefaultPalette.blueLight,
                        xAxisCalloutData: '2020/04/30',
                        yAxisCalloutData: '79%',
                    },
                ],
            },
        ];
        return React.createElement(react_charting_1.HorizontalBarChart, { data: data, hideRatio: hideRatio, width: 600 });
    };
    exports.HorizontalBarChartBasicExample = HorizontalBarChartBasicExample;
});
//# sourceMappingURL=HorizontalBarChart.Basic.Example.js.map