All Questions
81
questions
0
votes
1
answer
41
views
How to make responsive 'legend' area for mobile view
I'm building a portfolio website using HTML & CSS. I want to add my projects inside tags. But those legend tags arn't responsive for the screen resolution(for me, it's mobile view) and its' ...
-1
votes
1
answer
395
views
Custom fieldset Legend css
How can i recreate the classic behavior of a form with fieldset and legend
<form>
<fieldset>
<legend>
Text
</legend>
</fieldset>
</form>
...
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 ...
1
vote
1
answer
5k
views
Mermaid Flowchart Legend Style
There are three parts to this question: formatting a text label in a subgraph, centering the output with hidden objects, and file layout.
How can the label text background be removed from within the ...
0
votes
0
answers
116
views
How to display svg title content like an list rather than in straight line
I am creating discrete legend using SVG, where I am appending title to the rect to show content on hover but the content of title is displayed in straight line, which I want to come one after the ...
1
vote
0
answers
340
views
Leaflet legend with subtitles for grouped values
Is there a way to add subtitles to leaflet legends? The following example produces a functioning legend. However, is there a way to combine the subgroups to the same legend?
I could imagine this could ...
0
votes
1
answer
266
views
How to align parent div height based on child SVG content
I want to assign height to parent div based on the child content (here SVG is my child which can have different content based on data). If I assign fixed height either to parent or the child, it gives ...
0
votes
1
answer
389
views
How to display D3 Color legend horizontally and not vertically
I am working on color legend using d3 and currently my legend is shown vertically but I want it to display horizontally. I have attached code snippet and also shared jsfiddle link.
var svg = d3....
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
1
vote
2
answers
1k
views
How to show the fieldset border through a section of the label?
I have a form with fieldsets, and would like to keep the border, but would like the border to be shown between some text legends. I can't get the legend to have a transparent background to let the ...
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 ...
0
votes
1
answer
214
views
Create new fieldset row for legend [closed]
I have a Restrict Content Pro form which includes a fieldset legend (Change your Password) which I want to move to a new row in the left column. I have tried adding new form fields (to move the legend ...
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 ...
0
votes
0
answers
145
views
Can´t align left legend text
I am trying to align legend text to left side but when i do that the top border disappear. If i add width=auto I get the complete border but the text align to center.
border: 1px solid #395d8b !...
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 ...
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 ...