Skip to main content

All Questions

Tagged with
3 votes
1 answer
378 views

Creating a legend for a scatter plot in D3

I have written the following code snippets to create a legend for a scatter plot. Basically, it is a simple example that uses Susie Lu's D3-legend module to create a legend for a scatter plot. The ...
Reem Al-Assaf's user avatar
0 votes
1 answer
137 views

Highcharts - Heatmap - Legend remove white "dashes"

I need to remove all of these white lines from the heatmap legend. Does anyone know how I can edit these? Rendered Chart Design I'm trying to achieve
Ian Tennyson's user avatar
1 vote
1 answer
980 views

Hover over Element in Custom Leaflet Legend

I created a Leaflet Map with a Legend. The goal would be to hover over the text element in the legend area and show a tooltip with a image. Problem: hover is not showing up! I tried very different ...
Jacko_HU's user avatar
0 votes
1 answer
1k views

How I can make a linear gradient legend using Leaflet

i asked this question on gis.stackexchange by they said i should ask here I'm working on project that visualize solar energy data using Leaflet, I want to add a map legend when i add a lot of values ...
Alchemist's user avatar
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 ...
Sajad Haibat's user avatar
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 ...
Jackson_Stake's user avatar
1 vote
3 answers
707 views

How can I align three elements in a legend tag in the same line?

I have three elements: a letter in a <h1> tag, a <hr /> tag and an image. This is how they are in html: <h1 class="red">&nbsp A &nbsp</h1> <hr /> <img src="...
SpadaSpettro's user avatar
1 vote
2 answers
4k views

Can't get Leaflet legend to display properly

I'm trying to display what I assumed would be something trivial- display a legend on a leaflet map. But I've spent about 6 hours now trying to get it to work to no avail. All I want to do is display a ...
cpeddie's user avatar
  • 789
1 vote
0 answers
85 views

After clicking Highchart legend, it alters the position of nested legend

I'm trying to make Nested pie chart like follows with nested legend: My JSON for legend is as follows: legend: { y:['open','overdue'].indexOf(this.name.trim().toLowerCase())!=-1?115:10, ...
Akhilesh Kumar's user avatar
0 votes
1 answer
758 views

Dynamic FLOT legend table

I have a somewhat limited knowledge of JS and JQuery so I am sorry if this is a stupid question. I have a dashboard of charts which will have varying widths and also allows a user to change the width. ...
user1035760's user avatar
0 votes
1 answer
177 views

Html/Css/Js: Display text before <i> tag

This is a rather simple question, but i cant get to the right solution. I am working on a legend for my leaflet map, I got this far: However I would like to display the 0 before the color block and ...
maRtin's user avatar
  • 6,466
0 votes
0 answers
429 views

Legend texts for bar chart cut off

I got a legend for stacked bar chart. However, the texts for the legend are getting cut off: Here is the code: var options ={ title: 'No. of cases by Planning Area(Islandwide)', vAxis: { ...
user avatar
0 votes
1 answer
393 views

How to change the layout and the alignment of the legend in the Highchart?

I am trying to change the layout and the alignment of the legend in the Highchart. In the JavaScript, the code was initially: showInLegend: true then I modified it to: legend: { layout: '...
ladyweb's user avatar
1 vote
2 answers
86 views

Is there a style to apply that allows the legend to style each series as a button?

I'd like to style my legend so that each series looks like a button so it's more intuitive so users know they can click on a series and filter by each series. How can I achieve this?
genxgeek's user avatar
  • 13.3k