All Questions
Tagged with legend javascript
247
questions
1
vote
0
answers
178
views
Why does my D3 legend color ramp replace my second legends colors when I remove it in react?
I am creating a React application and have a component that creates D3 legends for every layer I have selected. When I have multiple legends showing and one gets deselected, the remaining legend has ...
0
votes
1
answer
252
views
Load Tooltip faster during onHover of Legend Doughnut chart
I currently have an implementation exactly like the answer shown in this answer which I am going to include here for clarity. If you run the code and hover between items in the legend, you will notice ...
0
votes
1
answer
374
views
Highcharts Legend issue: I Wanted to make Legend 100% width and text center align it works fine in crome but it is not aligned center in firefox
try https://jsfiddle.net/74cgu6pm/7 on both crome and firefox you will get to know the issue.legend: { width:'100%' },
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
0
votes
1
answer
2k
views
How do I create a legend in Google Maps API?
I am using a very long GEOJSON file with 172 point features. I have classified them using 7 categories and trying to create a legend with the resulting data. I have gotten a few errors that I can't ...
0
votes
1
answer
803
views
How to change legend icon on hover Chartjs
I am trying to customize a chartjs legend so that when you hover over a legend item, the icon/point style will change. See screenshot Screenshot. Is this possible?
I am trying different things with ...
0
votes
1
answer
915
views
Chartjs Custom Legend for Doughnut Chart Having Labelled Lines Sticking Out of Each Section
I know how to draw doughnut chart for a data set in Chartjs and its legend customization but I want to have a chart like the one shown in the image below in which lines from each section sticking out ...
0
votes
1
answer
1k
views
Chart.js remove label from legend for if dataset values
I have a chart with multiple datasets. I want the label of a dataset from the legend to not be visible if all the values in a dataset are null. I've found some solutions but they were only working if ...
0
votes
1
answer
366
views
Chart.js: Disable Y-Axis, when graph is disabled via Legend
is it possible to hide the Y-Axis for a graph that has been disabled via the legend?
Right now it looks pretty messy, as disabled-graph-Y-Axis are just reset to the default range.
Picture of the chart
...
1
vote
1
answer
3k
views
Legends in Chart.js, shows only one label
Just a warning: I am new to chart.js!
I have a couple of horizontal bar charts and it works fine except one issue that I cannot shake off. I have 5 labels in y-axis but the legend on top of the graph ...
0
votes
1
answer
933
views
Chartjs - Changing legend as a line with pointsyle of circle?
const myLineChart = new Chart(viewsCount, {
type: 'line',
data: lineChartStats.data,
options: {
elements: {
line: {
tension: 0 // ...
1
vote
0
answers
306
views
Checkbox in legend in disabled fieldset not firing
I read this question and is almost the same problem but vanilla JS instead of React, and MS Edge (Chromium) instead of Firefox.
In a form I have a fieldset disabled by default. It has a legend and in ...
1
vote
1
answer
150
views
Google line chart legend display name
how can I 'change' the display name in google chart legend using variable (so every time when user select the string from drop down list, the 'dynamic' string will display in legend)? or any other way ...
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
47
views
several graph has the same legend in flot
I am using JQuery Flot graph plugin to plot some bar charts in a page. when I plot a graph by datas and option below:
var chartData = [{
label: 'success',
data: [[...