Skip to main content

All Questions

Tagged with
14 questions with no upvoted or accepted answers
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
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
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

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 ...
flywire's user avatar
  • 1,265
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 ...
Beni's user avatar
  • 251
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
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 ...
Eric's user avatar
  • 133
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 ...
Eric's user avatar
  • 133
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 !...
Edgard Ruiz Gonzalez's user avatar
0 votes
1 answer
3k views

CSS/HTML fieldset with legend side by side

I just wanna ask how can i make that side by side? i know this has already been questioned many times here but i already tried the solutions that they've said worked. like adding <div> or ...
bruh's user avatar
  • 79
0 votes
1 answer
360 views

Highcharts pie on legenditemclick avoid slicing of pie but show animation on legend item

I am using highcharts to display pie with legends. legendItemClick: function (e) { return false; } I am using the above legendItemClick event which returns false to avoid the default behaviour. I ...
Reva's user avatar
  • 225
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 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> ...
Christian M.'s user avatar