define(["require", "exports", "tslib", "react", "@fluentui/react-charting", "@fluentui/react/lib/Styling", "@fluentui/react"], function (require, exports, tslib_1, React, react_charting_1, Styling_1, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.VerticalBarChartTooltipExample = void 0;
    var options = [
        { key: 'WrapTickValues', text: 'Wrap X Axis Ticks' },
        { key: 'showTooltip', text: 'Show Tooltip at X axis ticks' },
    ];
    var VerticalBarChartTooltipExample = /** @class */ (function (_super) {
        tslib_1.__extends(VerticalBarChartTooltipExample, _super);
        function VerticalBarChartTooltipExample(props) {
            var _this = _super.call(this, props) || this;
            _this.state = {
                selectedCallout: 'showTooltip',
            };
            return _this;
        }
        VerticalBarChartTooltipExample.prototype.render = function () {
            return React.createElement("div", null, this._basicExample());
        };
        VerticalBarChartTooltipExample.prototype._basicExample = function () {
            var _this = this;
            var points = [
                {
                    x: 'Simple Text',
                    y: 1000,
                    color: Styling_1.DefaultPalette.accent,
                },
                {
                    x: 'Showing all text here',
                    y: 5000,
                    color: Styling_1.DefaultPalette.blueDark,
                },
                {
                    x: 'Large data, showing all text by tooltip',
                    y: 3000,
                    color: Styling_1.DefaultPalette.blueMid,
                },
                {
                    x: 'Data',
                    y: 2000,
                    color: Styling_1.DefaultPalette.blue,
                },
            ];
            var rootStyle = { width: '650px', height: '350px' };
            return (React.createElement(React.Fragment, null,
                React.createElement("div", null,
                    React.createElement(react_1.ChoiceGroup, { options: options, defaultSelectedKey: "showTooltip", 
                        // eslint-disable-next-line react/jsx-no-bind
                        onChange: function (_ev, option) { return option && _this.setState({ selectedCallout: option.key }); }, label: "Pick one" })),
                React.createElement("div", { style: rootStyle },
                    React.createElement(react_charting_1.VerticalBarChart, { data: points, height: 350, width: 650, hideLegend: true, hideTooltip: true, showXAxisLablesTooltip: this.state.selectedCallout === 'showTooltip' ? true : false, wrapXAxisLables: this.state.selectedCallout === 'WrapTickValues' ? true : false }))));
        };
        return VerticalBarChartTooltipExample;
    }(React.Component));
    exports.VerticalBarChartTooltipExample = VerticalBarChartTooltipExample;
});
//# sourceMappingURL=VerticalBarChart.AxisTooltip.Example.js.map