Skip to main content

All Questions

Tagged with
0 votes
1 answer
40 views

Why the legend merged with the d3.js line chart when zooming?

I am trying to add a legend to the d3.js example named Line chart with zoom in d3.js 1°) I added the script: // Add legend rectangle line.append('rect') .attr('x', width - 80) ....
Vincent Schoebrechts's user avatar
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
0 answers
206 views

Chart js - v 4 How can I change the order of chart legend

The legend was created using the html Legend Plugin, which is displayed differently from the order in which you draw the chart Is there a way to change the legend order to match the data order? I ...
jy p's user avatar
  • 1
1 vote
0 answers
820 views

ApexCharts Grouped Stacked Chart: Group legend labels

I'm using ApexCharts to generate some charts and the "new" grouped stacked column charts comes in handy for some of them. Now I was wondering, if it was already possible to also group the ...
k.m.'s user avatar
  • 41
2 votes
0 answers
492 views

Echarts Legend overlap Chart

The legend of chart overlaps Chart Heres the example of legend legend={ width: '95%', type: 'scroll', orient: 'vertical' } [![Chart][1]][1] [1]: https://i.sstatic.net/...
Ethan 's user avatar
  • 31
0 votes
0 answers
90 views

How we can implement the same functionality of onClick of legend as we have for hover in Pie chart Highcharts?

How we can implement the same functionality of onClick of legend as we have for hover in Pie chart in Highcharts? I want to implement the same functionality on click of legend as we have for hover. eg....
Rahul Chauhan's user avatar
0 votes
0 answers
587 views

ChartJS: How to force redraw after hiding data items clicking on legend?

I've a ChartJS pie chart, where I draw the labels myself. This works fine - until the legend comes into play. const options = { layout: { ... }, plugins: { ...
Konrad's user avatar
  • 4,637
1 vote
1 answer
1k views

Resize Chart Independently From Legend in ChartJS for Canvas Download

Some of the charts created and downloaded by my application have the potential to have very large legends. When this is the case, the idea is to create (ideally via ChartJs - as is the case with the ...
ShDevs's user avatar
  • 53
1 vote
2 answers
438 views

Display legend of grouped data (different colors) in chart

I have a horizontal chart with different colors to group the data. In the code below, the chart layout displays as intended, but the legend shows only a single color (yellow). How can I force the ...
JAT86's user avatar
  • 1,035
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
0 votes
1 answer
366 views

Chart.js: Disable Y-Axis, when graph is disabled via Legend

is it possible to hide the Y-Axis for a graph that has been disabled via the legend? Right now it looks pretty messy, as disabled-graph-Y-Axis are just reset to the default range. Picture of the chart ...
GeriX's user avatar
  • 3
1 vote
1 answer
150 views

Google line chart legend display name

how can I 'change' the display name in google chart legend using variable (so every time when user select the string from drop down list, the 'dynamic' string will display in legend)? or any other way ...
Andy Man's user avatar
1 vote
1 answer
247 views

How to fix the position of LegendBox in the chart?

I am using LightningChartJS to create chart. Currently the position of legend box can be changed by dragging it. How can I fix the position of the legend box? ​ const legend = chart.addLegendBox() ....
Soniya Shah's user avatar
0 votes
1 answer
345 views

Chartjs: common clickable legend does not work after update data

There are 2 charts and 1 common legend in one page. This legend is clickable to show/hide graph line of charts. This is forked this question. I had tried to update data above code. It's an unrefined ...
prophet5's user avatar
  • 449
3 votes
1 answer
3k views

How to force the Google Chart Legend to show Row values?

I hope this question can be understood as I find this topic rather tricky to explain. What I am looking for is a solution for a Google (Column) Chart, in which the chart shows both, X-Axis and legend ...
andi79h's user avatar
  • 1,157

15 30 50 per page