mozaik/src/browser/components/charts/PieLegends.jsx

Mozaik dashboard composition tool

import React, { Component, PropTypes } from 'react';


class PieLegends extends Component {
    render() {
        const { legends } = this.props;

        const legendNodes = legends.map(legend => (
            <span key={legend.id} className="pie_legends_item">
                <span className="pie_legends_item_color" style={{ background: legend.color }}/>
                <span className="pie_legends_item_count">{legend.count}</span>
                {legend.label}
            </span>
        ));

        return (
            <div className="pie_legends">
                {legendNodes}
            </div>
        );

    }
}

PieLegends.propTypes = {
    legends: PropTypes.array.isRequired
};


export default PieLegends;