Skip to main content

All Questions

0 votes
1 answer
248 views

How to add spacing between Legend and Chart in Recharts with absolute positioning?

I'm using Recharts for the first time in my React project I've positioned the legend of my BarChart component to the top right corner. However, I'm struggling to add spacing between the legend and the ...
vincentvdt's user avatar
0 votes
1 answer
38 views

Shared legend for 2 Highcharts using React

I want a shared legend for 2 areaspline highcharts. Using react, I am unable to create that shared legend between the 2. My code: component.js: import React from "react"; import "...
nb_nb_nb's user avatar
  • 1,347
0 votes
1 answer
48 views

How to Display Values Next to Legend in React Pie Chart? Getting 'Undefined' Error

I am trying to display value next to legend, but I am getting undefined. Debugged but no luck, can you let me know how to fix it. Providing my code snippet and stackblitz below https://stackblitz.com/...
Ram01's user avatar
  • 171
1 vote
1 answer
1k views

react-chartjs-2 how to show legend text on the left with vertical text

I just want to align the Chart Legend on the right and the text will be shown vertically. Goal: enter image description here I've tried to use: position: left enter image description here The legend ...
Tuan Nghia's user avatar
2 votes
2 answers
3k views

How to create color picker with extra functionality like choosing color from screen

I have an colorpicker which i created using react-color (https://casesandberg.github.io/react-color/) . Now I want extra functionality like it should also be able to choose the color from screen (...
Eric's user avatar
  • 133
0 votes
2 answers
274 views

Reverse the direction of the color in linear gradient legend

I have an continuous legend(both vertical and horizontal) and currently the color are flown from red to blue but I want it to be in reverse direction like from blue to red. I have shared by code ...
Eric's user avatar
  • 133
1 vote
1 answer
315 views

D3 map legend issue

I am creating a population map of the US. I have the map and legend working, but I made a drop down menu that allows me to filter by race. This works and changes the data on the map and legend, but I ...
Danny Pacheco's user avatar
0 votes
1 answer
25 views

ChartJs doesn't display the line item legend

Here's the code: And here's the result: As you can see, no legend
ionescho's user avatar
  • 1,390
1 vote
0 answers
178 views

Why does my D3 legend color ramp replace my second legends colors when I remove it in react?

I am creating a React application and have a component that creates D3 legends for every layer I have selected. When I have multiple legends showing and one gets deselected, the remaining legend has ...
Doug's user avatar
  • 285
0 votes
1 answer
252 views

Load Tooltip faster during onHover of Legend Doughnut chart

I currently have an implementation exactly like the answer shown in this answer which I am going to include here for clarity. If you run the code and hover between items in the legend, you will notice ...
cfeltz's user avatar
  • 23