import { __extends } from "tslib";
import * as React from 'react';
import { DonutChart } from '@fluentui/react-charting';
var DonutChartBasicExample = /** @class */ (function (_super) {
    __extends(DonutChartBasicExample, _super);
    function DonutChartBasicExample(props) {
        return _super.call(this, props) || this;
    }
    DonutChartBasicExample.prototype.render = function () {
        var points = [
            { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },
            { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },
        ];
        var chartTitle = 'Stacked Bar chart example';
        var data = {
            chartTitle: chartTitle,
            chartData: points,
        };
        return (React.createElement(DonutChart, { data: data, innerRadius: 55, href: 'https://developer.microsoft.com/en-us/', legendsOverflowText: 'overflow Items', hideLegend: true, height: 220, width: 176, valueInsideDonut: 39000 }));
    };
    return DonutChartBasicExample;
}(React.Component));
export { DonutChartBasicExample };
//# sourceMappingURL=DonutChart.Basic.Example.js.map