All Questions
Tagged with legend javascript
247
questions
0
votes
1
answer
163
views
Highcharts same legend color as of the Pie chart slice color?
I want to have the same colour for legend text as the corresponding slice colour have in Pie chart. I have seen by default the dot before legend text takes the colour of slice colour but not text of ...
0
votes
1
answer
147
views
Hide a specific legend only from FusionChart
How to hide a specific legend from multi-series fusionChart. Actually I want to remove a specific series from chart, when exporting I need to show that on excel sheet. So my plan is initial time hide ...
0
votes
1
answer
1k
views
Legend position is not vertically in middle in Donut chart
In Donut chart Legend position is right but i want to add vertically in middle with corresponding of circle.
I am new to chartjs and JavaScript. Below is my code snippet. I am trying to load the pie/...
0
votes
1
answer
1k
views
Legend in openlayers with HTML tag
I'm using the following code to create the legends in Openlayers http://viglino.github.io/ol-ext/examples/legend/map.control.legendstat.html.
A question, I would like to insert html tag, for example, ...
0
votes
0
answers
587
views
ChartJS: How to force redraw after hiding data items clicking on legend?
I've a ChartJS pie chart, where I draw the labels myself.
This works fine - until the legend comes into play.
const options = {
layout: {
...
},
plugins: {
...
0
votes
1
answer
464
views
How to avoid overlapping and stack long text legends in D3 graph?
I have D3 graph base on Multi-line graph 3 with v7: Legend, this sample contains few and shorts legends for the graph. In my sample I want to increase the length for legends and stack the data if is ...
1
vote
1
answer
315
views
D3 map legend issue
I am creating a population map of the US. I have the map and legend working, but I made a drop down menu that allows me to filter by race. This works and changes the data on the map and legend, but I ...
0
votes
2
answers
453
views
How to convert a bar legend to line legend in chart.js 2.7.2?
I am trying to create a line graph using chart.js v2.7.2 and here is what it looks like:
const labels = [
'January',
'February',
'March',
'April',
'May',
'June',
];
const data = {
...
1
vote
1
answer
1k
views
Resize Chart Independently From Legend in ChartJS for Canvas Download
Some of the charts created and downloaded by my application have the potential to have very large legends. When this is the case, the idea is to create (ideally via ChartJs - as is the case with the ...
0
votes
0
answers
733
views
How can I add legends to different map layers in Mapbox GL JS?
I am building a web map with multiple toggleable layers using Mapbox GL JS. The web map contains 3 separate parts:
Map layers (Mapbox tilesets)
Legends
Pop-ups
There are two legends built using HTML/...
0
votes
3
answers
589
views
How to compare numbers correctly in JavaScript
I want to compare 2 values based on which I get the color for my legend. But unfortunately I cannot use ceil, floor or round the values as it will effect my result.
I have following color table with ...
0
votes
1
answer
89
views
Issue with displaying correct domain values in legend tick
I am working on continuous color legend using d3.interpolateViridis. I have problem in displaying the legend tick values. I want to display my min(at one end) and max(at another end) (domain values) ...
0
votes
1
answer
4k
views
ChartJS custom legend doughnut separate legend from chart area
I'm attempting to separate the Legend from my Chart in a ChartJS chart.
When using the 'default' legend, there is no way to control the chart area size and it will get smaller the more items I have in ...
1
vote
2
answers
438
views
Display legend of grouped data (different colors) in chart
I have a horizontal chart with different colors to group the data. In the code below, the chart layout displays as intended, but the legend shows only a single color (yellow). How can I force the ...
0
votes
1
answer
25
views
ChartJs doesn't display the line item legend
Here's the code:
And here's the result:
As you can see, no legend