import { __extends } from "tslib";
import * as React from 'react';
import { StackedBarChart } from '@uifabric/charting';
import { DefaultPalette } from 'office-ui-fabric-react/lib/Styling';
var StackedBarChartMultipleExample = /** @class */ (function (_super) {
    __extends(StackedBarChartMultipleExample, _super);
    function StackedBarChartMultipleExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StackedBarChartMultipleExample.prototype.render = function () {
        var points = [
            { legend: 'first Lorem ipsum dolor sit amet', data: 40, color: DefaultPalette.magentaDark },
            { legend: 'Winter is coming', data: 23, color: DefaultPalette.red },
            { legend: 'third Praesent era lectus, molestie vitae mauris eget', data: 35, color: DefaultPalette.blueLight },
            { legend: 'This is the fourth legend of the chart', data: 87, color: DefaultPalette.greenLight },
        ];
        var chartTitle = 'Stacked bar chart 2nd example';
        var data = {
            chartTitle: chartTitle,
            chartData: points,
        };
        return React.createElement(StackedBarChart, { data: data, enabledLegendsWrapLines: true });
    };
    return StackedBarChartMultipleExample;
}(React.Component));
export { StackedBarChartMultipleExample };
//# sourceMappingURL=StackedBarChart.Multiple.Example.js.map