{this.state.multibar.map( (val, index) =>
      <g>
        <rect x={60 + index *  120} y={350 - val.nda} width="20px" height={val.nda+ 'px'} fill="#ff9933" />
        <text  x={60 + index * 120} y={350 - val.nda} fontSize="11" fontFamily="arial" fill="black"  >
              {val.nda}
        </text>

        <rect x={90 + index *  120} y={350 - val.upa} width="20px" height={val.upa+ 'px'} fill="#00BFFF" />
         <text  x={90 + index * 120} y={350 - val.upa} fontSize="11" fontFamily="arial" fill="black"  >
               {val.upa}
          </text>

         <rect x={120 + index *  120} y={350 - val.others} width="20px" height={val.others+ 'px'} fill="#a7a2a2" />
         <text  x={120 + index * 120} y={350 - val.others} fontSize="11" fontFamily="arial" fill="black"  >
              {val.others}
         </text>

          <text  x={90 + index * 120} y={360} fontSize="11" fontFamily="arial" fill="black"  >
                {val.year}
          </text>
  </g>)}