import * as React from 'react';
import { MultiStackedBarChart } from '@uifabric/charting';
export var MultiStackedBarChartWithPlaceholderExample = function () {
    var firstChartPoints = [
        { legend: 'Malware', data: 40, color: '#00AE56' },
        { legend: 'Phishing', data: 23, color: '#662D91' },
        { legend: 'Spam and bulk', data: 35, color: '#0078D4' },
        { data: 87, placeHolder: true },
    ];
    var secondChartPoints = [
        { legend: 'Malicious links', data: 40, color: '#FFAA44' },
        { legend: 'Malicious attachments', data: 23, color: '#038387' },
        { data: 106, placeHolder: true },
    ];
    var hideRatio = [true, true];
    var data = [
        {
            chartTitle: 'Currently blocked',
            chartData: firstChartPoints,
        },
        {
            chartTitle: 'Increased protection needed against detected threats',
            chartData: secondChartPoints,
        },
    ];
    return (React.createElement(MultiStackedBarChart, { data: data, hideRatio: hideRatio, width: 600, href: 'https://developer.microsoft.com/en-us/' }));
};
//# sourceMappingURL=MultiStackedBarChartWithPlaceHolder.Example.js.map