All Questions
Tagged with legend javascript
247
questions
96
votes
5
answers
164k
views
HighCharts Hide Series Name from the Legend
I try to solve this problem several times and give up. Now, when I have met him again, I decided to ask for some help.
I have this code for my Legend:
legend:
{
layout: 'vertical',
align: '...
14
votes
5
answers
42k
views
Chart.js legend took up too much spaces
I was having some problem with chart.js legend. The legend with long text took up too much spaces which resulting in the reduce in the size of my pie chart:
Another example is this:
If I got more ...
8
votes
3
answers
12k
views
JQPlot Legend outside of graph
I am using JQPlot and I have many graphs on one HTML page. Each of the graphs has the same legend.
My question is this: Is it possible to display a legend totally outside of the graph with its own ...
8
votes
2
answers
17k
views
Highcharts - Legend Positioning outside the chart
Consider I have highchart like this highchart with legend inside
I want legend outside the chart. Please help.
NOTE: I want my legend properties to be the same.
legend{
layout: 'vertical',
...
8
votes
1
answer
12k
views
How to wrap legend text in Chartjs?
My ChartJs legend text is overflowing in the same line when the text is too long. Is there any parameter that I can use to enable text-wrap.
legend : {
display : true,
position : 'bottom',
...
7
votes
1
answer
10k
views
D3 choropleth map with legend
I have a choropleth map of the united states showing total population. I would like to add a legend to the map showing the quantile range values.I’ve seen other similar questions about this topic but ...
7
votes
1
answer
2k
views
Each label of the chartjs pie chart's legend on a new line
I have a pie chart using chart.js 2.0. (jsfiddle)
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ["Green", "Blue", "...
6
votes
2
answers
30k
views
How to create legend position in pie chart.js?
i am using chart js for developing my pie chart. i want to create the legend position just like this. anyone please help me to solve this...
here is my code... i actually want the result just like ...
6
votes
1
answer
11k
views
Improving D3 Sequence Sunburst Example
This D3 example served as my starting point:
http://bl.ocks.org/kerryrodden/7090426
I wanted to change data that feeds the diagram, and I made following new example:
http://jsfiddle.net/ZGVK3/
...
6
votes
1
answer
5k
views
Combining multiple legend elements in chart.js
I am trying to add confidence intervals to a timeseries plot in chart.js. At the moment I plotting three datasets and using the fill option. This means I end up with 3 elements in the legend all of ...
6
votes
1
answer
2k
views
How to change cursor on plotly graph when mouse hover event occurred?
i'm trying to change cursor from pointer to default when hover event occurred on plotly's graph legend
legend: {
cursor: "default",
x: xLegenda,
y: yLegenda,
...
5
votes
2
answers
2k
views
How to apply horizontal alignment in amchrts legend?
I'm using amcharts to create my chart, legend is in separate container.
Applying option
chart.legend.align = 'right'
has no effect
Codepen
5
votes
4
answers
6k
views
Highcharts: add different colors to legend in one series histogram
I have sample code for question here: http://jsfiddle.net/pzamora/ztxPr/1/
I have different colors in my series, however I need them to appear in the legend
series: [{ name: 'V Genes',
data: ...
5
votes
1
answer
3k
views
Turn long list of items in Highcharts legend into dropdown
I have a graph with some 40 items as separate lines. Now, I need to add the functionality of turning on/off or highlighting any of these via legend/menu/dropdown list.
Normally, when the legend is ...
4
votes
2
answers
14k
views
Mapbox GL JS Creating Custom Legend
I have created a custom map in Mapbox Studio with a tileset to create a choropleth map I have then exported the map, to extend the map using Mapbox GL JS.
I have followed the tutorial for creating a ...