Skip to main content

All Questions

Tagged with
0 votes
1 answer
341 views

How to display the pie chart legend with proper style so that the chart is visible

I am using high charts wants to show the legend as shown below tried many combination just wanted to know can i move the legend to the left or make the legend transparent so that both image and ...
dhana lakshmi'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
1 answer
5k views

Position legend on bottom in HTML5 [closed]

Previously legend-tags had an align property with the values top, bottom, left and right. But in HTML 5 this property is not supported anymore. W3schools advises to use css instead. But how can you ...
Fay Boisam's user avatar
3 votes
1 answer
460 views

legends do not stay in place when resizing linked graphs in dygraphs

After I synchronize graphs in dygraphs, the legends do not stay in place when I zoom/unzoom/reset. I have initialized the graphs as such : g = new Dygraph( document.getElementById("demodiv"), ...
Chapo's user avatar
  • 2,623
0 votes
1 answer
301 views

Is there any way to add border in highcharts legend text individually?

I need to add border with legend text (legend-item) like I am trying with borderWidth but it gives a border to the whole legend area is there any possible way to do that.
Dhaval's user avatar
  • 958
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
2 votes
2 answers
9k views

How to change position of labels in Doughnut chart?

I have created one doughnut chart. var ctx=document.getElementById('mycanvas').getContext('2d'); var chart = new Chart(ctx, { type: 'doughnut', data: { ...
user7397787's user avatar
  • 1,470
4 votes
0 answers
2k views

Safari 11 Bug Fieldset-Legend with Overflow Hidden and Click

Since Safari 11 for Mac checkboxes (and links/other click-events) are inaccessible when placed in a <legend>, does anyone know of a workaround? JS fiddle contains a demo, neither the checkbox ...
elveti's user avatar
  • 2,356
2 votes
1 answer
3k views

Creating legend with custom absolute position in Leaflet within R Shiny

I'm working on a webmap with R, using Leaflet and Shiny. The map has an absolutePanel in the top right corner, and I would like to position the legend so that it's not all the way in the topright ...
BGroza's user avatar
  • 23
1 vote
2 answers
17k views

Custom border for a fieldset and legend

sorry if this question has been asked before, my friend asked me to do this sort of fieldset for their website. screenshot in this link it looks like a normal one but I'm curious how do I get that ...
Felix Agung'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
0 votes
1 answer
280 views

How do I make CSS sharp "V" like horizontal corners for `<legend>` and `<fieldset>`?

How do I make in CSS sharp "V" like horizontal corners? Corners that look like this < > as if the corners were arose to left and right in both the <legend> and then in the <fieldset> ...
SeekLoad's user avatar
  • 1,033
0 votes
1 answer
436 views

How to align Grouping Text of only two panels out of many Panels in a page center?

In my page there are many panels and grouping texts. For two panels the grouping text has to be aligned center. I have tried: legend { margin:0 auto; } <asp:Panel ID="Panel13" runat="server" ...
Indira Pranoi's user avatar
1 vote
2 answers
6k views

Add a max width to legend in Highcharts

I created a column chart with an horizontal middle left legend. But with this configuration (horizontal + middle + left), the chart is almost not visible. The legend should be wrapped instead of ...
Dounia Azzi's user avatar
26 votes
3 answers
95k views

How can I control the placement of my Chart.JS pie chart's legend, as well as its appearance?

I am able to create a pie chart using Chart.JS with this code: HTML <div> <canvas id="top10ItemsChart" style="padding-left:20px" width="320" height="320"></canvas> <div ...
B. Clay Shannon-B. Crow Raven's user avatar

15 30 50 per page