В графиках добавить кнопку закрытия на каждом баре в MultiBarChart вдоль оси Y, чтобы закрыть бара - PullRequest
0 голосов
/ 11 апреля 2019

Мне нужно добавить крестообразную кнопку вдоль каждой панели, которая отображается против оси Y, что будет полезно для пользователей, чтобы закрыть панели. Я слежу за вертикальной планировкой, бар будет располагаться вдоль оси Y. Я пытался добавить его с помощью LabelList, но не смог этого добиться. Может кто-нибудь подсказать мне, как этого достичь?

enter image description here

1 Ответ

0 голосов
/ 30 апреля 2019

Похоже, что вы пытаетесь создать собственный тик-формат по оси Y.Вы сказали, что пытались добавить крест с помощью LabelList - пробовали ли вы использовать tickFormatter для создания собственного тика, который можно отображать?Я лично поиграю с этим, пока не получу его так, как я хотел.

Затем я бы подумал, что мне нужно сделать, чтобы бары «закрылись», когда пользователь нажимает назначок креста.

Буду ли я просто отображать?Буду ли я использовать Array.prototype.splice, чтобы удалить его по определенному индексу?

Я бы поближе взглянул на документацию по оси Y для повторных покупок здесь ---> http://recharts.org/en-US/api/YAxis

, и я бы также предложил посмотреть на настроенное событие гистограммы, чтобы увидеть, как ихИспользуется onClick ---> http://recharts.org/en-US/examples/BarChartWithCustomizedEvent

Я думаю, что вместо использования LabelList, вы должны попытаться использовать tickFormatter, потому что, как это выглядит с LabelList, он предназначен для использования в компоненте bar --> http://recharts.org/en-US/api/LabelList

При использовании tickFormatter это повлияет на тики, расположенные сбоку графика, и вы можете отформатировать их так, чтобы тики не отображали цифры, а отображали значок креста какВы упомянули, а затем создали настраиваемую подсказку для отображения чисел.

Надеюсь, это не было слишком длинным и запутанным и было несколько полезно:)

...