All Questions
Tagged with legend javascript
87
questions with no upvoted or accepted answers
6
votes
1
answer
2k
views
How to change cursor on plotly graph when mouse hover event occurred?
i'm trying to change cursor from pointer to default when hover event occurred on plotly's graph legend
legend: {
cursor: "default",
x: xLegenda,
y: yLegenda,
...
4
votes
0
answers
3k
views
how to give custom design (icons) for point Style of chart js legends?
I have a chart which designed based on a mock-up but the the mock-up chart has used custom icons for legends pointStyles which basically i couldn't find them in chart JS itself, i tried different ...
4
votes
1
answer
945
views
JVectorMap: update legend
I'm using JVectorMap to show a map with colored countries. The map also includes a legend and an onRegionTipShow. In my application it's possible to alter the values the map is based on. After doing ...
3
votes
0
answers
424
views
how to update legend data in D3.js
I am working on one project in which I need to plot data on USA map.
Here is the link to the code.
I am getting logical error in the output. In the drop down menu of attributes, when you first select ...
3
votes
1
answer
911
views
How can I add an event to chart.js legend?
Based on this post I've been able to add the event, but it's not triggered. Any idea why? I'm using the default chart.js legend.
Chart.helpers.each(vm.chart.legend.legendItems, function(legendNode, ...
3
votes
1
answer
786
views
Chart js maximum number of legend
I want to know how to fix the maximum number of legend.
If this is not possible I would like to hide all legends
Thank you
My code ......................................................................
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/...
2
votes
0
answers
16k
views
How to add legend in Leaflet map?
I am trying to add a legend in my Leaflet map at the bottom right corner, Ive actually written the code halfway near the end of the code and I do not know how to continue, I want it displayed in the ...
2
votes
1
answer
928
views
Pie chart legend not showing - Uncaught TypeError: Cannot set property 'innerHTML' of null
I have to show legends for a pie chart. I have been following below link.
http://jsfiddle.net/vrwjfg9z/
But it does not work for me in below code.
<!DOCTYPE html>
<html>
<...
2
votes
0
answers
3k
views
Aligning chart legends in Chart.js
I'm not sure how to align the chart legends. Below is my stacked bar chart code I've tried, that adds the legends to the bottom left. I want to position the legend on the top right.
<style type="...
2
votes
0
answers
2k
views
Updating dc.js Legend Labels On Composite Chart Causes Group To Disappear
I'm attempting to make a live (updated every 2 seconds) composite line chart in dc.js. I have the actual chart working as intended, but I'm having problems with the legend. The way I have it set up is ...
2
votes
0
answers
250
views
scroll animated slideToggle legend to html/body top
I click on the content2 slidetoggle to show the content but I need the html/body to scroll to the # section, moving the opened slidetoggle to the top of the page.
I need the main window to scroll down ...
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 ...
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 ...
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 ...