react-both-direction-barchart v0.0.2

react-both-direction-barchart

In component

import { BothDirectionBarChart } from "react-both-direction-barchart";

<BothDirectionBarChart 
        data = {[
          { value: 10, primaryColor: "rgba(180, 77, 255, 0.37)", secondaryColor: "#b44dff" }, 
          { value: 50,  primaryColor: "rgba(245, 180, 73, 0.4)", secondaryColor: "#f5b449" }, 
          { value: 20,  primaryColor: "rgba(33, 165, 246, 0.2)", secondaryColor: "#21a5f6" }]} 
        barchartHeight = {200}, 
        barWidth = {50}, 
        spaceBetweenWidth = {10}
/>

How it looks like