Как сделать выпадающий список на турнике - PullRequest
2 голосов
/ 26 марта 2020

Изображение Это моя текущая строка результатов

enter image description here

Но мне нужно свернуть содержимое при нажатии, содержимое похож на рисунок ниже

enter image description here

Дайте ссылку на какую-нибудь библиотеку или какое-то решение заранее, благодарен

Источник

  <HorizontalBar
              data={{
                barPercentage: 0.8,

                labels: [
                  'Label1', //THIS ARR FOR ONLY FOR EXAMPLE 
                  'Label2',
                  'Label3',
                  'Label4',
                  'Label5',
                  'Label6',
                  'Label7',
                  'Label8'
                ],
                datasets: [{
                  legend: {
                    display: false
                  },
                  label: '',
                  data: [7305064, 7305064, 5294903, 1313290, 600300, 96571, 617650, -200000],
                  fill: false,
                  borderColor: "#18B9AB",
                  backgroundColor: '#7facf5',
                  hoverBackgroundColor: '#609af7',
                  barThickness: 20
                }]
              }}
              options={{
                tooltips: {
                  enabled: false
                },
                scales: {
                  yAxes: [{
                    ticks: {
                      beginAtZero: true
                    }
                  }]
                },
                plugins: {
                  datalabels: {
                    color: '#EFEFEF',
                  }
                }
              }}/>
...