Chart Bar Hds

<sl-chart-bar-hds id="hds-bar-chart"></sl-chart-bar-hds>
<script>
    const barChart = document.getElementById('hds-bar-chart');
    barChart.data = [
      { label: 'Company Area', value: 30000, href: 'https://google.com/' },
      { label: 'Finance', value: 70000, href: 'https://google.com/' },
      { label: 'Accounting', value: 50000, href: 'https://google.com/' },
      { label: 'Asia', value: 28000, href: 'https://google.com/' },
      { label: 'Another Vector', value: 10000, href: 'https://google.com/' },
      { label: 'Yet Another Vector', value: 20000, href: 'https://google.com/' },
    ];
    barChart.isResponsive = false
    barChart.height = 400
    barChart.chartTitle = 'Accounting Break Down'
    barChart.theme = 'default'
    barChart.isHorizontal = true
  </script>