All Questions
36
questions
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)
....
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 ...
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 ...
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 ...
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/...
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....
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: {
...
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 ...
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 ...
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
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
...
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 ...
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()
....
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 ...
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 ...