0

I am trying to implement a bar chart using react chartjs and chartjs 2 my data to bar chart looks like this

dataSetCurrencies = {
    labels: ['₹', '$', '€', '£'],
    datasets: [
      {
        label: 'Dataset',
        data: [512364, 820847, 969833, 395342],
        backgroundColor: '#63ABFD',
        borderColor: '#165BAA',
        borderWidth:3,
        borderSkipped: false,
        borderRadius: 80,
      }
    ]
  };
 options = {

    plugins: {
      title: {
        display: false,
        text:'Total sales Currency Wise',
      },
      legend: {
        display: false
    },
    },
    animation: false,
    scales: {
        y: {
            ticks: {
              stepSize: 100000
            },
            grid: {
              color: '#ffffff1f',
          },
          beginAtZero: false
        },
        x: {
          grid: {
            color: '#ffffff1f',
        }
      },
    },
  }

so far i was able to achieve the top rounded portion but the bottom is sticked to the x axis and is not rounded.Is there a way to fix this.My graph is attached

bugsmasher
  • 153
  • 6

0 Answers0