Skip to main content

All Questions

0 votes
1 answer
48 views

How to Display Values Next to Legend in React Pie Chart? Getting 'Undefined' Error

I am trying to display value next to legend, but I am getting undefined. Debugged but no luck, can you let me know how to fix it. Providing my code snippet and stackblitz below https://stackblitz.com/...
Ram01's user avatar
  • 171
0 votes
0 answers
25 views

How can we change the position of legend using highcharts?

I am building a pie chart with highcharts js, but having a problem. As shown below, I was able to put the legend on the bottom, but it's not aligned with the chart. I am trying to put the legend at ...
SuWon's user avatar
  • 23
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 ...
M. Ismail's user avatar
  • 371
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 ...
trubex's user avatar
  • 139
2 votes
1 answer
928 views

Pie chart legend not showing - Uncaught TypeError: Cannot set property 'innerHTML' of null

I have to show legends for a pie chart. I have been following below link. http://jsfiddle.net/vrwjfg9z/ But it does not work for me in below code. <!DOCTYPE html> <html> <...
javascript_learner's user avatar
1 vote
0 answers
1k views

How to position chart.js legend on both sides of chart, instead of presets (i.e. top, bottom, left, right)?

I am building a pie chart in chart.js and am looking to split the legend in half, showing each half on either side of the chart. I understand the options in chart.js only allow for preset positioning, ...
Anya's user avatar
  • 21
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", "...
Andrei's user avatar
  • 1,353
1 vote
1 answer
804 views

Google Pie charts legend navigation icons color

How do we change the color for the navigation links in google pie charts.(the blue text in bottom right corner)
Dheeraj vats's user avatar
0 votes
1 answer
2k views

Highcharts same legend color as of the pie chart slice color

Hi i am working on highcharts pie chart, i am showing legend with the chart. i want to show legend color same as of the each slice color. currently each legend color is same. here is my code <...
Dev001's user avatar
  • 256
0 votes
1 answer
2k views

Highcharts Donutchart: Avoid showing duplicate legend with nested charts

I am trying to represent nested data using Highcharts Donut Chart. The charts are generated quite well, however I am having some problems with displaying the legend. Data to be represented: Category ...
harsha nair's user avatar
1 vote
2 answers
633 views

try to display htmltag string in extjs pie chart legend text

before after my code link (for refrence): https://fiddle.sencha.com/#fiddle/d32
AtmiyaDas2014's user avatar
3 votes
1 answer
4k views

Highcharts - Display legend for Pie chart in two columns

I have been using Highcharts(v2.1.9) to generate some pie charts. The charts are generated quite well, however I am having some problems with displaying the legend. The legend shows in vertical view,...
ATD's user avatar
  • 51
1 vote
2 answers
2k views

Pie chart legend in dc.js 1.7 not showing up

I'm trying to create a pie chart legend in dc.js. However, there is no legend. It just... doesn't show up. Everything appears the same as before I used the legend command. Here is the JSBin Here ...
Jeffrey Biles's user avatar