fixed-legend-maker.js

  legendMarkup = chart => {
    console.log(chart);
    const legendSet = chart.data.datasets[0];
    const legend = legendSet.data.map((set, i) => {
      let datapoint = chart.data.labels[i];
      if (datapoint) {
        return (
          <li
            id={`${datapoint.replace(/\s/g, "")}`}
            key={datapoint}
            onClick={e => this.handleLegendOnClick(e)}
            className="legend-group--item list-group-item"
            data-idx={i}
            data-quantity={legendSet.data[i]}
            style={{ borderColor: legendSet.backgroundColor[i] }}
          >
            <mark
              style={{
                backgroundColor: legendSet.backgroundColor[i] || "#e5e5e5"
              }}
            >
              {legendSet.data[i]}
            </mark>
            {`${datapoint.replace(/\(\d{1, 6}\)$/g, "")}`}
          </li>
        );
      }
      return "";
    });
    return legend;
  };