All Questions
81
questions
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 ...
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 ...
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 ...
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"),
...
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.
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">  A  </h1>
<hr />
<img src="...
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: {
...
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 ...
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 ...
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 ...
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 ...
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> ...
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" ...
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 ...
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 ...